From 6fc4fbafa324d0cbd0887600f8d4bd0fe3c04f48 Mon Sep 17 00:00:00 2001
From: Favour Olayinka <csskfaves@gmail.com>
Date: Mon, 5 Aug 2024 13:22:05 +0100
Subject: [PATCH] auto-close datepicker (#512)

* auto-close datepicker

* auto close date modification

* remove unused attributes

---------

Co-authored-by: Julien Nahum <julien@nahum.net>
---
 client/components/forms/DateInput.vue | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/client/components/forms/DateInput.vue b/client/components/forms/DateInput.vue
index fdee6f77..0cdcb14b 100644
--- a/client/components/forms/DateInput.vue
+++ b/client/components/forms/DateInput.vue
@@ -71,7 +71,7 @@
           :max-date="maxDate"
           :is-dark="props.isDark"
           color="form-color"
-          @close="close"
+          @update:modelValue="updateModelValue"
         />
         <DatePicker
           v-else
@@ -84,7 +84,7 @@
           :max-date="maxDate"
           :is-dark="props.isDark"
           color="form-color"
-          @close="close"
+          @update:modelValue="updateModelValue"
         />
       </template>
     </UPopover>
@@ -143,6 +143,12 @@ const modeledValue = computed({
   }
 })
 
+const updateModelValue = () => {
+  if (!props.withTime && !props.dateRange) {
+    pickerOpen.value = false
+  }
+}
+
 const inputClasses = computed(() => {
   const classes = [props.theme.DateInput.input, props.theme.DateInput.borderRadius]
   if (props.disabled) {