Update DatePicker and DGangguan_DKPL components

src/components/DatePicker.vue

@@ -15,14 +15,56 @@ const emit = defineEmits(['update:dateValue'])
 const customShortcuts = () => {
   return [
     {
-      label: 'Last 15 Days',
+      label: 'Hari Ini',
+      atClick: () => {
+        const date = new Date()
+        return [new Date(date.setHours(0, 0, 0, 0)), new Date()]
+      }
+    },
+    {
+      label: 'Kemarin',
+      atClick: () => {
+        const date = new Date()
+        return [new Date(date.setDate(date.getDate() - 1)), new Date(date.setHours(0, 0, 0, 0))]
+      }
+    },
+    {
+      label: '7 Hari Terakhir',
+      atClick: () => {
+        const date = new Date()
+        return [new Date(date.setDate(date.getDate() - 7)), new Date()]
+      }
+    },
+    {
+      label: '15 Hari Terakhir',
       atClick: () => {
         const date = new Date()
         return [new Date(date.setDate(date.getDate() - 15)), new Date()]
       }
     },
     {
-      label: 'Last Years',
+      label: '30 Hari Terakhir',
+      atClick: () => {
+        const date = new Date()
+        return [new Date(date.setDate(date.getDate() - 30)), new Date()]
+      }
+    },
+    {
+      label: '3 Bulan Terakhir',
+      atClick: () => {
+        const date = new Date()
+        return [new Date(date.setMonth(date.getMonth() - 3)), new Date()]
+      }
+    },
+    {
+      label: '6 Bulan Terakhir',
+      atClick: () => {
+        const date = new Date()
+        return [new Date(date.setMonth(date.getMonth() - 6)), new Date()]
+      }
+    },
+    {
+      label: '1 Tahun Terakhir',
       atClick: () => {
         const date = new Date()
         return [new Date(date.setFullYear(date.getFullYear() - 1)), new Date()]