feat: Add multi dates limit (resolves #108)

Author: Jasenkoo

index.d.ts

@@ -190,6 +190,7 @@ interface Vue3DatePicker {
     fixedStart?: boolean;
     fixedEnd?: boolean;
     utc?: boolean;
+    multiDatesLimit?: number | string;
 }
 
 interface PublicMethods extends MethodOptions {

src/Vue3DatePicker/Vue3DatePicker.vue

@@ -113,6 +113,7 @@
                     maxRange,
                     fixedStart,
                     fixedEnd,
+                    multiDatesLimit,
                 }"
                 v-model:internalModelValue="internalModelValue"
                 @close-picker="closeMenu"
@@ -287,6 +288,7 @@
         fixedStart: { type: Boolean as PropType<boolean>, default: false },
         fixedEnd: { type: Boolean as PropType<boolean>, default: false },
         utc: { type: Boolean as PropType<boolean>, default: false },
+        multiDatesLimit: { type: [Number, String] as PropType<number | string>, default: null },
     });
     const slots = useSlots();
     const isOpen = ref(false);

src/Vue3DatePicker/components/DatepickerMenu.vue

@@ -293,6 +293,7 @@
         maxRange: { type: [Number, String] as PropType<number | string>, default: null },
         fixedStart: { type: Boolean as PropType<boolean>, default: false },
         fixedEnd: { type: Boolean as PropType<boolean>, default: false },
+        multiDatesLimit: { type: [Number, String] as PropType<number | string>, default: null },
     });
     const slots = useSlots();
     const calendarWrapperRef = ref(null);

src/Vue3DatePicker/components/composition/calendar.ts

@@ -370,7 +370,12 @@ export const useCalendar = (props: UseCalendar, emit: VueEmit, updateFlow: () =>
                 const value = modelValue.value.filter((dateVal) => !isDateEqual(dateVal, date));
                 modelValue.value = !value.length ? null : value;
             } else {
-                modelValue.value.push(date);
+                if (
+                    (props.multiDatesLimit && +props.multiDatesLimit >= modelValue.value.length) ||
+                    !props.multiDatesLimit
+                ) {
+                    modelValue.value.push(date);
+                }
             }
         } else {
             modelValue.value = [date];

src/Vue3DatePicker/interfaces.ts

@@ -91,6 +91,7 @@ export type UseCalendar = {
     maxRange: number | string;
     fixedStart: boolean;
     fixedEnd: boolean;
+    multiDatesLimit: number | string;
 } & { [key: string]: unknown };
 
 export interface UseMonthYearPick {