fix: Ignore full date min/max date validation in year-picker mode (fixes #879)

Author: Jasenkoo

src/VueDatePicker/components/YearPicker/year-picker.ts

@@ -1,5 +1,5 @@
 import { computed, nextTick, onMounted, ref } from 'vue';
-import { getYear, setYear } from 'date-fns';
+import { getYear, setYear, startOfYear } from 'date-fns';
 
 import { useDefaults, useModel } from '@/composables';
 import { checkMinMaxValue, getYears, groupListAndMap } from '@/utils/util';
@@ -63,14 +63,14 @@ export const useYearPicker = (props: PickerBasePropsType, emit: VueEmit) => {
     });
 
     const yearToDate = (year: number): Date => {
-        return setYear(resetDate(new Date()), year);
+        return setYear(resetDate(startOfYear(new Date())), year);
     };
 
     const selectYear = (year: number) => {
         emit('update-month-year', { instance: 0, year });
         if (defaultedMultiDates.value.enabled) {
             if (!modelValue.value) {
-                modelValue.value = [setYear(resetDateTime(getDate()), year)];
+                modelValue.value = [setYear(resetDateTime(startOfYear(getDate())), year)];
             } else if (Array.isArray(modelValue.value)) {
                 const years = modelValue.value?.map((date) => getYear(date));
                 if (years.includes(year)) {

src/VueDatePicker/composables/validation.ts

@@ -27,9 +27,21 @@ export const useValidation = (props: PickerBasePropsType | AllPropsType) => {
         return !!getMapDate(date, propDates.value.disabledDates);
     };
 
+    const validateAboveMax = (date: Date) => {
+        if (!propDates.value.maxDate) return false;
+        if (props.yearPicker) return getYear(date) > getYear(propDates.value.maxDate);
+        return isDateAfter(date, propDates.value.maxDate);
+    };
+
+    const validateBellowMin = (date: Date) => {
+        if (!propDates.value.minDate) return false;
+        if (props.yearPicker) return getYear(date) < getYear(propDates.value.minDate);
+        return isDateBefore(date, propDates.value.minDate);
+    };
+
     const validateDate = (date: Date) => {
-        const aboveMax = propDates.value.maxDate ? isDateAfter(date, propDates.value.maxDate) : false;
-        const bellowMin = propDates.value.minDate ? isDateBefore(date, propDates.value.minDate) : false;
+        const aboveMax = validateAboveMax(date);
+        const bellowMin = validateBellowMin(date);
         const isDisabled = isDateDisabled(date);
 
         const disabledMonths = defaultedFilters.value.months.map((month) => +month);