From 0859a005445ed204fe3b38aff0c7db28b42d6730 Mon Sep 17 00:00:00 2001
From: malik jouda <1999.malik.jouda@gmail.com>
Date: Wed, 6 Nov 2024 13:09:31 +0200
Subject: [PATCH] fix(date-picker): undefined `dayIndex`

---
 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 0d62c6a352..93e9c2ff78 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 310147c2e3..f913d25e3b 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>