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

src/components/DatePicker.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { PhCalendarBlank } from '@phosphor-icons/vue'
-import { ref, watch } from 'vue'
+import { onMounted, ref, watch } from 'vue'
 import VueTailwindDatepicker from 'vue-tailwind-datepicker'
 
 const dateValue = ref(
@@ -76,6 +76,10 @@ const customShortcuts = () => {
 watch(dateValue, (newValue) => {
   emit('update:dateValue', newValue)
 })
+
+onMounted(() => {
+  emit('update:dateValue', dateValue.value)
+})
 </script>
 
 <template>