fix: Reset start time on value clear (fixes #1048)

Author: Jasenkoo

src/VueDatePicker/VueDatePicker.vue

@@ -343,6 +343,7 @@
     const clearValue = (): void => {
         inputValue.value = '';
         clearInternalValues();
+        dpMenuRef.value?.onValueCleared();
         inputRef.value?.setParsedDate(null);
         emit('update:model-value', null);
         emit('update:model-timezone-value', null);

src/VueDatePicker/components/DatePicker/DatePicker.vue

@@ -150,6 +150,7 @@
         selectCurrentDate,
         updateTime,
         assignMonthAndYear,
+        setStartTime,
     } = useDatePicker(props, emit, triggerCalendarTransition, updateFlowStep);
     const slots = useSlots();
     const { setHoverDate, getDayClassData, clearHoverDate } = useCalendarClass(modelValue, props);
@@ -303,5 +304,6 @@
         changeMonth,
         changeYear,
         selectWeekDate,
+        setStartTime,
     });
 </script>

src/VueDatePicker/components/DatePicker/date-picker.ts

@@ -63,6 +63,7 @@ export const useDatePicker = (
     const { validateMonthYearInRange, isDisabled, isDateRangeAllowed, checkMinMaxRange } = useValidation(props);
     const { updateTimeValues, getSetDateTime, setTime, assignStartTime, validateTime, disabledTimesConfig } =
         useTimePickerUtils(props, time, modelValue, updateFlow);
+
     // Get month based on the calendar instance
     const month = computed(
         () =>
@@ -104,13 +105,17 @@ export const useDatePicker = (
         }
     };
 
+    const setStartTime = () => {
+        if (defaultedStartTime.value) {
+            assignStartTime(defaultedStartTime.value);
+        }
+    };
+
     onMounted(() => {
         if (!props.shadow) {
             if (!modelValue.value) {
                 setStartDate();
-                if (defaultedStartTime.value) {
-                    assignStartTime(defaultedStartTime.value);
-                }
+                setStartTime();
             }
             mapInternalModuleValues(true);
             if (props.focusStartDate && props.startDate) {
@@ -675,5 +680,6 @@ export const useDatePicker = (
         selectCurrentDate,
         updateTime,
         assignMonthAndYear,
+        setStartTime,
     };
 };

src/VueDatePicker/components/DatepickerMenu.vue

@@ -434,9 +434,14 @@
         }
     };
 
+    const onValueCleared = () => {
+        dynCmpRef.value?.setStartTime?.();
+    };
+
     defineExpose({
         updateMonthYear,
         switchView,
         handleFlow,
+        onValueCleared,
     });
 </script>