fix: Time picker doesn't auto-apply value (#10)

Author: Jasenkoo

src/Vue3DatePicker/Vue3DatePicker.vue

@@ -77,6 +77,7 @@
                 @selectDate="selectDate"
                 @dpOpen="recalculatePosition"
                 @autoApply="autoApplyValue"
+                @timeUpdate="timeUpdate"
             >
                 <template v-for="(slot, i) in slotList" #[slot]="args" :key="i">
                     <slot :name="slot" v-bind="{ ...args }" />
@@ -365,6 +366,12 @@
         }
     };
 
+    const timeUpdate = (): void => {
+        if (props.autoApply) {
+            emitModelValue();
+        }
+    };
+
     defineExpose({
         closeMenu,
         selectDate,

src/Vue3DatePicker/components/Calendar.vue

@@ -108,7 +108,7 @@
     import { useCalendar } from '../utils/composition/calendar';
     import { mapSlots } from '../utils/composition/slots';
 
-    const emit = defineEmits(['update:internalModelValue', 'closePicker', 'selectDate', 'autoApply']);
+    const emit = defineEmits(['update:internalModelValue', 'closePicker', 'selectDate', 'autoApply', 'timeUpdate']);
 
     const props = defineProps({
         weekStart: { type: [Number, String] as PropType<number | string>, default: 1 },

src/Vue3DatePicker/components/DatepickerMenu.vue

@@ -43,6 +43,7 @@
             @closePicker="$emit('closePicker')"
             @selectDate="$emit('selectDate')"
             @autoApply="$emit('autoApply', $event)"
+            @timeUpdate="$emit('timeUpdate')"
             @update:internalModelValue="$emit('update:internalModelValue', $event)"
         >
             <template v-for="(slot, i) in slotList" #[slot]="args" :key="i">
@@ -59,7 +60,14 @@
     import { DynamicClass, IDateFilter, IFormat, InternalModuleValue, ITimeValue } from '../interfaces';
     import { mapSlots } from '../utils/composition/slots';
 
-    const emit = defineEmits(['update:internalModelValue', 'closePicker', 'selectDate', 'dpOpen', 'autoApply']);
+    const emit = defineEmits([
+        'update:internalModelValue',
+        'closePicker',
+        'selectDate',
+        'dpOpen',
+        'autoApply',
+        'timeUpdate',
+    ]);
     const props = defineProps({
         uid: { type: String as PropType<string>, default: 'dp' },
         internalModelValue: { type: [Date, Array] as PropType<InternalModuleValue>, default: null },

src/Vue3DatePicker/utils/composition/calendar.ts

@@ -253,6 +253,7 @@ export const useCalendar = (props: UseCalendar, emit: VueEmit): IUseCalendar =>
         } else if (!props.range && !isRange(dateValue)) {
             modelValue.value = setDateTime(dateValue as Date, hours.value as number, minutes.value as number);
         }
+        emit('timeUpdate');
     };
 
     /**