arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-28 10:50:40 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix(date-picker): undefined dayIndex (#2545)

Browse Source
This commit is contained in:
Malik-Jouda
2024-11-06 13:25:27 +02:00
committed by GitHub
parent bf580863af
commit ce955d24f1
2 changed files with 14 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
docs/components/date-picker/DatePicker.vue
View File

@@ -32,6 +32,11 @@ const attrs = {
'is-dark': { selector: 'html', darkClass: 'dark' }, 'is-dark': { selector: 'html', darkClass: 'dark' },
'first-day-of-week': 2 'first-day-of-week': 2
} }
function onDayClick(_: any, event: MouseEvent): void {
const target = event.target as HTMLElement
target.blur()
}
</script> </script>
<template> <template>
@@ -40,11 +45,13 @@ const attrs = {
v-model.range="date" v-model.range="date"
:columns="2" :columns="2"
v-bind="{ ...attrs, ...$attrs }" v-bind="{ ...attrs, ...$attrs }"
@dayclick="onDayClick"
/> />
<VCalendarDatePicker <VCalendarDatePicker
v-else v-else
v-model="date" v-model="date"
v-bind="{ ...attrs, ...$attrs }" v-bind="{ ...attrs, ...$attrs }"
@dayclick="onDayClick"
/> />
</template> </template>

7
docs/content/2.components/date-picker.md
View File

@@ -70,6 +70,11 @@ const attrs = {
'is-dark': { selector: 'html', darkClass: 'dark' }, 'is-dark': { selector: 'html', darkClass: 'dark' },
'first-day-of-week': 2 'first-day-of-week': 2
} }
function onDayClick(_: any, event: MouseEvent): void {
const target = event.target as HTMLElement
target.blur()
}
</script> </script>
<template> <template>
@@ -78,11 +83,13 @@ const attrs = {
v-model.range="date" v-model.range="date"
:columns="2" :columns="2"
v-bind="{ ...attrs, ...$attrs }" v-bind="{ ...attrs, ...$attrs }"
@dayclick="onDayClick"
/> />
<VCalendarDatePicker <VCalendarDatePicker
v-else v-else
v-model="date" v-model="date"
v-bind="{ ...attrs, ...$attrs }" v-bind="{ ...attrs, ...$attrs }"
@dayclick="onDayClick"
/> />
</template> </template>