From 9c62e46cce53d89285fc7855073648798578486f Mon Sep 17 00:00:00 2001
From: MaysWind <i@mayswind.net>
Date: Wed, 27 Aug 2025 16:41:32 +0800
Subject: [PATCH 1/2] fix missing value and text props in year slot when using
 the month picker

---
 src/VueDatePicker/components/shared/YearModePicker.vue | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/VueDatePicker/components/shared/YearModePicker.vue b/src/VueDatePicker/components/shared/YearModePicker.vue
index abe36331..553cc52b 100644
--- a/src/VueDatePicker/components/shared/YearModePicker.vue
+++ b/src/VueDatePicker/components/shared/YearModePicker.vue
@@ -20,7 +20,7 @@
             @click="() => toggleYearPicker(false)"
             @keydown.enter="() => toggleYearPicker(false)"
         >
-            <slot v-if="$slots.year" name="year" :year="year" />
+            <slot v-if="$slots.year" name="year" :year="year" :text="yearDisplayVal" :value="year" />
             <template v-if="!$slots.year">{{ year }}</template>
         </button>
         <ArrowBtn
@@ -69,7 +69,8 @@
     import { useCommon, useDefaults, useTransitions } from '@/composables';
     import { PickerBaseProps } from '@/props';
 
-    import { type PropType, ref } from 'vue';
+    import { type PropType, ref, computed } from 'vue';
+    import { formatNumber } from '@/utils/util';
     import type { OverlayGridItem } from '@/interfaces';
 
     const emit = defineEmits(['toggle-year-picker', 'year-select', 'handle-year']);
@@ -89,6 +90,8 @@
 
     const overlayOpen = ref(false);
 
+    const yearDisplayVal = computed((): string => formatNumber(props.year, props.locale));
+
     const toggleYearPicker = (flow = false, show?: boolean) => {
         overlayOpen.value = !overlayOpen.value;
         emit('toggle-year-picker', { flow, show });

From f498b826fb7de6543639d967dbb64e8f17a1b696 Mon Sep 17 00:00:00 2001
From: MaysWind <i@mayswind.net>
Date: Wed, 27 Aug 2025 16:55:55 +0800
Subject: [PATCH 2/2] fix not display localized text of year in month picker

---
 src/VueDatePicker/components/shared/YearModePicker.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/VueDatePicker/components/shared/YearModePicker.vue b/src/VueDatePicker/components/shared/YearModePicker.vue
index 553cc52b..d48f40d1 100644
--- a/src/VueDatePicker/components/shared/YearModePicker.vue
+++ b/src/VueDatePicker/components/shared/YearModePicker.vue
@@ -21,7 +21,7 @@
             @keydown.enter="() => toggleYearPicker(false)"
         >
             <slot v-if="$slots.year" name="year" :year="year" :text="yearDisplayVal" :value="year" />
-            <template v-if="!$slots.year">{{ year }}</template>
+            <template v-if="!$slots.year">{{ yearDisplayVal }}</template>
         </button>
         <ArrowBtn
             v-if="showRightIcon(defaultedMultiCalendars, instance)"