feat: Add internalModelValue to dayClass (resolves #872)

Author: Jasenkoo

index.d.ts

@@ -285,7 +285,7 @@ export interface VueDatePickerProps {
     teleportCenter?: boolean;
     teleport?: boolean | string | HTMLElement;
     ignoreTimeValidation?: boolean;
-    dayClass?: (date: Date) => string;
+    dayClass?: (date: Date, internalModelValue: InternalTime) => string;
     hideNavigation?: ('month' | 'year' | 'calendar' | 'time' | 'minutes' | 'hours' | 'seconds')[];
     /**
      * @deprecated

src/VueDatePicker/components/DatePicker/DpCalendar.vue

@@ -125,7 +125,7 @@
 
 <script lang="ts" setup>
     import { computed, nextTick, onMounted, ref } from 'vue';
-    import { format, getISOWeek, getWeek } from 'date-fns';
+    import { getISOWeek, getWeek } from 'date-fns';
 
     import { checkKeyDown, checkStopPropagation, getDayNames, getDefaultMarker, unrefElement } from '@/utils/util';
     import { useArrowNavigation, useDefaults } from '@/composables';

src/VueDatePicker/composables/calendar-class.ts

@@ -364,7 +364,7 @@ export const useCalendarClass = (modelValue: WritableComputedRef<InternalModuleV
         return {
             ...sharedClasses(day),
             ...getModeClasses(day),
-            [props.dayClass ? props.dayClass(day.value) : '']: true,
+            [props.dayClass ? props.dayClass(day.value, props.internalModelValue) : '']: true,
             [props.calendarCellClassName]: !!props.calendarCellClassName,
         };
     };

src/VueDatePicker/props.ts

@@ -56,7 +56,10 @@ export const AllProps = {
     disableMonthYearSelect: { type: Boolean as PropType<boolean>, default: false },
     disableYearSelect: { type: Boolean as PropType<boolean>, default: false },
     menuClassName: { type: String as PropType<string>, default: null },
-    dayClass: { type: Function as PropType<(date: Date) => string>, default: null },
+    dayClass: {
+        type: Function as PropType<(date: Date, internalModelValue: InternalModuleValue) => string>,
+        default: null,
+    },
     yearRange: { type: Array as PropType<number[]>, default: () => [1900, 2100] },
     calendarCellClassName: { type: String as PropType<string>, default: null },
     enableTimePicker: { type: Boolean as PropType<boolean>, default: true },