Refactor DatePicker.vue and api.graphql.ts, and RKeluhan_BerdasarMedia.vue files

src/utils/api/api.graphql.ts

@@ -597,6 +597,47 @@ export const queries = {
           }
         }
       `,
+      keluhanBerdasarkanMediaDetail: gql`
+        query detailRekapitulasiKeluhanBerdasarkanMedia(
+          $tanggal: String!
+          $idPosko: Int!
+          $idUid: Int!
+          $idUp3: Int!
+          $namaRegional: String
+          $media: String
+        ) {
+          detailRekapitulasiKeluhanBerdasarkanMedia(
+            tanggal: $tanggal
+            idPosko: $idPosko
+            idUid: $idUid
+            idUp3: $idUp3
+            namaRegional: $namaRegional
+            media: $media
+          ) {
+            id
+            nama_regional
+            id_uid
+            nama_uid
+            id_up3
+            nama_up3
+            id_ulp
+            nama_ulp
+            no_laporan
+            waktu_lapor
+            waktu_response
+            waktu_recovery
+            durasi_response_time
+            durasi_recovery_time
+            status_akhir
+            idpel_nometer
+            nama_pelapor
+            alamat_pelapor
+            no_telp_pelapor
+            keterangan_pelapor
+            respon_pelanggan
+          }
+        }
+      `,
       rekapKeluhanBerdasarkanMedia: gql`
         query rekapitulasiKeluhanBerdasarkanMedia(
           $dateFrom: Date!