From ce955d24f1dfd222e87ce88428c0612c3f13cd50 Mon Sep 17 00:00:00 2001
From: Malik-Jouda <48517781+Malik-Jouda@users.noreply.github.com>
Date: Wed, 6 Nov 2024 13:25:27 +0200
Subject: [PATCH] fix(date-picker): undefined `dayIndex` (#2545)

---
 docs/components/date-picker/DatePicker.vue | 7 +++++++
 docs/content/2.components/date-picker.md   | 7 +++++++
 2 files changed, 14 insertions(+)

diff --git a/docs/components/date-picker/DatePicker.vue b/docs/components/date-picker/DatePicker.vue
index 0d62c6a3..93e9c2ff 100644
--- a/docs/components/date-picker/DatePicker.vue
+++ b/docs/components/date-picker/DatePicker.vue
@@ -32,6 +32,11 @@ const attrs = {
   'is-dark': { selector: 'html', darkClass: 'dark' },
   'first-day-of-week': 2
 }
+
+function onDayClick(_: any, event: MouseEvent): void {
+  const target = event.target as HTMLElement
+  target.blur()
+}
 </script>
 
 <template>
@@ -40,11 +45,13 @@ const attrs = {
     v-model.range="date"
     :columns="2"
     v-bind="{ ...attrs, ...$attrs }"
+    @dayclick="onDayClick"
   />
   <VCalendarDatePicker
     v-else
     v-model="date"
     v-bind="{ ...attrs, ...$attrs }"
+    @dayclick="onDayClick"
   />
 </template>
 
diff --git a/docs/content/2.components/date-picker.md b/docs/content/2.components/date-picker.md
index 310147c2..f913d25e 100644
--- a/docs/content/2.components/date-picker.md
+++ b/docs/content/2.components/date-picker.md
@@ -70,6 +70,11 @@ const attrs = {
   'is-dark': { selector: 'html', darkClass: 'dark' },
   'first-day-of-week': 2
 }
+
+function onDayClick(_: any, event: MouseEvent): void {
+  const target = event.target as HTMLElement
+  target.blur()
+}
 </script>
 
 <template>
@@ -78,11 +83,13 @@ const attrs = {
     v-model.range="date"
     :columns="2"
     v-bind="{ ...attrs, ...$attrs }"
+    @dayclick="onDayClick"
   />
   <VCalendarDatePicker
     v-else
     v-model="date"
     v-bind="{ ...attrs, ...$attrs }"
+    @dayclick="onDayClick"
   />
 </template>