fix: month-picker unable to select month when allowed-dates prop is provided (fixes #1075)

Author: Jasenkoo

src/VueDatePicker/composables/validation.ts

@@ -12,7 +12,7 @@ import {
     setTimeValue,
 } from '@/utils/date-utils';
 import { useDefaults } from '@/composables/defaults';
-import { convertType, getMapDate } from '@/utils/util';
+import { convertType, getMapDate, getMapKeyType } from '@/utils/util';
 
 import type { InternalModuleValue, DisabledTimesFn, DisabledTime, TimeModel, MaybeDate } from '@/interfaces';
 import type { PickerBasePropsType, AllPropsType } from '@/props';
@@ -111,7 +111,7 @@ export const useValidation = (props: PickerBasePropsType | AllPropsType) => {
     const checkAllowedDates = (date: Date) => {
         if (Array.isArray(propDates.value.allowedDates) && !propDates.value.allowedDates.length) return true;
         if (propDates.value.allowedDates) {
-            return !getMapDate(date, propDates.value.allowedDates);
+            return !getMapDate(date, propDates.value.allowedDates, getMapKeyType(props.monthPicker, props.yearPicker));
         }
         return false;
     };

src/VueDatePicker/utils/util.ts

@@ -28,13 +28,13 @@ function dayNameIntlMapper(locale: string) {
     return (day: number) => {
         const formattedDate = new Intl.DateTimeFormat(locale, {
             weekday: 'short',
-            timeZone: 'UTC'
+            timeZone: 'UTC',
         }).format(new Date(`2017-01-0${day}T00:00:00+00:00`));
 
         // Arabic locale requires different slice indexes to get correct abbreviation
         return locale === 'ar' ? formattedDate.slice(2, 5) : formattedDate.slice(0, 2);
-    }
-};
+    };
+}
 
 function dayNameDateFnsMapper(formatLocale: Locale) {
     return (day: number) => {