From e8ed93af03b86939555ff0e042b96df49a8d6830 Mon Sep 17 00:00:00 2001
From: Dede Fuji Abdul <defuj.official@gmail.com>
Date: Mon, 26 Feb 2024 09:03:47 +0700
Subject: [PATCH] Refactor DatePicker component

---
 src/components/DatePicker.vue | 20 +++++---------------
 1 file changed, 5 insertions(+), 15 deletions(-)

diff --git a/src/components/DatePicker.vue b/src/components/DatePicker.vue
index df4e8cd..04c5044 100755
--- a/src/components/DatePicker.vue
+++ b/src/components/DatePicker.vue
@@ -27,7 +27,7 @@ const customShortcuts = () => {
         return [new Date(date.setFullYear(date.getFullYear() - 1)), new Date()];
       },
     },
-   
+
   ];
 };
 watch(dateValue, (newValue) => {
@@ -37,22 +37,12 @@ watch(dateValue, (newValue) => {
 
 <template>
   <div class="flex">
-    <vue-tailwind-datepicker
-      v-model="dateValue"
-      :formatter="formatter"
-      separator=" s/d "
-      :shortcuts="customShortcuts"
-      :auto-apply="true"
-      as-single
-      use-range
-      v-slot="{ value, placeholder }"
-    >
+    <vue-tailwind-datepicker v-model="dateValue" :formatter="formatter" separator=" s/d " :shortcuts="customShortcuts"
+      :auto-apply="true" as-single use-range v-slot="{ value, placeholder }">
       <div class="flex">
         <div class="flex-1">
-          <button
-            type="button"
-            class="w-full flex items-center justify-between px-4 py-2 text-sm leading-6 placeholder:text-gray-400 text-gray-900 border-0 border-transparent rounded-lg outline-0 bg-gray-200 focus:outline-0 focus:border-0 focus:ring-0"
-          >
+          <button type="button"
+            class="flex items-center justify-between w-full px-4 py-2 text-sm leading-6 text-gray-900 bg-gray-200 border-0 border-transparent rounded-lg placeholder:text-gray-400 outline-0 focus:outline-0 focus:border-0 focus:ring-0">
             <span class="text-gray-900">
               {{ value || placeholder }}
             </span>