fix: Prevent calendar cell focus if date is not in the current month and hide-offset-dates is enabled (fixes #978)

Jasenkoo · Jasenkoo · commit 5767ffd36092 · 2024-09-04T22:30:49.000+02:00
diff --git a/src/VueDatePicker/components/DatePicker/DpCalendar.vue b/src/VueDatePicker/components/DatePicker/DpCalendar.vue
@@ -43,7 +43,7 @@
                             "
                             :aria-disabled="dayVal.classData.dp__cell_disabled || undefined"
                             :aria-label="defaultedAriaLabels?.day?.(dayVal)"
-                            tabindex="0"
+                            :tabindex="!dayVal.current && hideOffsetDates ? undefined : 0"
                             :data-test="dayVal.value"
                             @click.prevent="onDateSelect($event, dayVal)"
                             @touchend="onDateSelect($event, dayVal, false)"

Original file line number	Diff line number	Diff line change
`@@ -43,7 +43,7 @@`
`43`	`43`	`"`
`44`	`44`	`:aria-disabled="dayVal.classData.dp__cell_disabled \|\| undefined"`
`45`	`45`	`:aria-label="defaultedAriaLabels?.day?.(dayVal)"`
`46`		`- tabindex="0"`
	`46`	`+ :tabindex="!dayVal.current && hideOffsetDates ? undefined : 0"`
`47`	`47`	`:data-test="dayVal.value"`
`48`	`48`	`@click.prevent="onDateSelect($event, dayVal)"`
`49`	`49`	`@touchend="onDateSelect($event, dayVal, false)"`