fix: monthChangeOnScroll prop not connected

Author: Jasenkoo

src/Vue3DatePicker/Vue3DatePicker.vue

@@ -85,6 +85,7 @@
                     allowedDates,
                     showNowButton,
                     nowButtonLabel,
+                    monthChangeOnScroll,
                 }"
                 v-model:internalModelValue="internalModelValue"
                 @close-picker="closeMenu"

src/Vue3DatePicker/components/Calendar.vue

@@ -29,7 +29,7 @@
                 :class="calendarWrapClass"
                 role="grid"
                 aria-label="Calendar wrapper"
-                @wheel="$emit('handleScroll', $event)"
+                @wheel.prevent="$emit('handleScroll', $event)"
             >
                 <div class="db__calendar_header" role="row">
                     <div class="dp__calendar_header_item" role="gridcell" v-if="weekNumbers">{{ weekNumName }}</div>

src/Vue3DatePicker/components/composition/calendar.ts

@@ -477,9 +477,11 @@ export const useCalendar = (props: UseCalendar, emit: VueEmit): IUseCalendar =>
     };
 
     const handleScroll = (event: WheelEvent, isNext = false): void => {
-        const yearMonth: [number, number] = isNext ? [monthNext.value, yearNext.value] : [month.value, year.value];
-        const dates = event.deltaY < 0 ? getNextYearMonth(...yearMonth) : getPreviousMonthYear(...yearMonth);
-        updateMonthYear(dates.month, true, isNext);
+        if (props.monthChangeOnScroll) {
+            const yearMonth: [number, number] = isNext ? [monthNext.value, yearNext.value] : [month.value, year.value];
+            const dates = event.deltaY < 0 ? getNextYearMonth(...yearMonth) : getPreviousMonthYear(...yearMonth);
+            updateMonthYear(dates.month, true, isNext);
+        }
     };
 
     return {