fix(datepicker): update blur event to input only if there is a value

storyblok · Jan 11, 2023 · 52526e2 · 52526e2
1 parent 9194b96
commit 52526e2
Showing 1 changed file with 10 additions and 3 deletions.
diff --git a/src/components/Datepicker/Datepicker.vue b/src/components/Datepicker/Datepicker.vue
@@ -17,7 +17,7 @@
         @icon-click="handleInputClick"
         @clear="handleClear"
         @keyup.enter="handleDoneAction"
-        @blur="handleComponentsInput"
+        @blur="handleBlur"
       />
 
       <template v-if="isShowTzOffset">
@@ -61,7 +61,7 @@
         :min-date="minDate"
         :max-date="maxDate"
         :disabled-past="disabledPast"
-        @update:modelValue="handleComponentsInput"
+        @update:model-value="handleComponentsInput"
         @input-minutes="handleMinutesInput"
       />
 
@@ -338,7 +338,12 @@ export default {
       this.syncInternalValue(this.modelValue)
     },
 
-    handleBlur(newValue) {},
+    async handleBlur(newValue) {
+      if (newValue.length) {
+        this.handleComponentsInput(newValue)
+      }
+      this.handleDoneAction()
+    },
 
     handleDoneAction() {
       let utcTime
@@ -389,6 +394,8 @@ export default {
       this.$nextTick(() => {
         this.closeOverlay()
       })
+
+      return utcTime
     },
 
     handlePreviousMonth() {