fix: AM/PM switch on arrow down from 12 AM

- hoursIncrement and minutesIncrement not reset on 00:00

Author: Jasenkoo

src/Vue3DatePicker/components/TimePicker/TimeInput.vue

@@ -77,6 +77,7 @@
     import { IDateFilter, IDefaultSelect, ITimeValue } from '../../interfaces';
     import { getArrayInArray, hoursToAmPmHours } from '../../utils/util';
     import SelectionGrid from '../SelectionGrid.vue';
+    import { addDateHours, addDateMinutes, subDateHours, subDateMinutes } from '../../utils/date-utils';
 
     const emit = defineEmits(['setHours', 'setMinutes', 'update:hours', 'update:minutes']);
     const props = defineProps({
@@ -175,14 +176,7 @@
                     return;
                 }
             }
-            if (
-                (props.is24 && hours.value + +props.hoursIncrement >= 24) ||
-                (!props.is24 && hours.value + +props.hoursIncrement >= 12)
-            ) {
-                emit('update:hours', 0);
-            } else {
-                emit('update:hours', hours.value + +props.hoursIncrement);
-            }
+            emit('update:hours', addDateHours(hours.value, +props.hoursIncrement));
         } else {
             if (props.minTime.hours) {
                 if (hours.value - +props.hoursIncrement < +props.minTime.hours) {
@@ -194,11 +188,7 @@
                     return;
                 }
             }
-            if (hours.value - +props.hoursIncrement < 0) {
-                emit('update:hours', props.is24 ? 24 - +props.hoursIncrement : 12 - -+props.hoursIncrement);
-            } else {
-                emit('update:hours', hours.value - +props.hoursIncrement);
-            }
+            emit('update:hours', subDateHours(hours.value, +props.hoursIncrement));
         }
     };
 
@@ -214,11 +204,7 @@
                     return;
                 }
             }
-            if (minutes.value + +props.minutesIncrement >= 60) {
-                emit('update:minutes', 0);
-            } else {
-                emit('update:minutes', minutes.value + +props.minutesIncrement);
-            }
+            emit('update:minutes', addDateMinutes(minutes.value, +props.minutesIncrement));
         } else {
             if (props.minTime.minutes) {
                 if (minutes.value - +props.minutesIncrement < +props.minTime.minutes) {
@@ -230,11 +216,7 @@
                     return;
                 }
             }
-            if (minutes.value - +props.minutesIncrement < 0) {
-                emit('update:minutes', 60 - +props.minutesIncrement);
-            } else {
-                emit('update:minutes', minutes.value - +props.minutesIncrement);
-            }
+            emit('update:minutes', subDateMinutes(minutes.value, +props.minutesIncrement));
         }
     };
 

src/Vue3DatePicker/utils/date-utils.ts

@@ -18,6 +18,10 @@ import isEqual from 'date-fns/isEqual';
 import getISOWeek from 'date-fns/getISOWeek';
 import addMonths from 'date-fns/addMonths';
 import addDays from 'date-fns/addDays';
+import addHours from 'date-fns/addHours';
+import subHours from 'date-fns/subHours';
+import addMinutes from 'date-fns/addMinutes';
+import subMinutes from 'date-fns/subMinutes';
 
 import { IMonthValue, ITimeValue } from '../interfaces';
 
@@ -228,3 +232,31 @@ export const getDateMinutes = (date?: Date): number => {
 export const getAddedDays = (date: Date, days: number): Date => {
     return addDays(date, days);
 };
+
+/**
+ * Add specific amount of hours to the previous hours
+ */
+export const addDateHours = (hours: number, toAdd: number): number => {
+    return getHours(addHours(setHours(new Date(), hours), toAdd));
+};
+
+/**
+ * Subtract specific amount of hours to the previous hours
+ */
+export const subDateHours = (hours: number, toSub: number): number => {
+    return getHours(subHours(setHours(new Date(), hours), toSub));
+};
+
+/**
+ * Add specific amount of minutes to the previous minutes
+ */
+export const addDateMinutes = (minutes: number, toAdd: number): number => {
+    return getMinutes(addMinutes(setMinutes(new Date(), minutes), toAdd));
+};
+
+/**
+ * Subtract specific amount of minutes to the previous minutes
+ */
+export const subDateMinutes = (minutes: number, toSub: number): number => {
+    return getMinutes(subMinutes(setMinutes(new Date(), minutes), toSub));
+};