Skip to content

Conversation

@ikushum
Copy link
Member

@ikushum ikushum commented Dec 16, 2025

fixes #22333

Description

Alternative 1 for #22333
Only the prepend icon of VDatePicker is unfocusable

Markup:

<template>
  <v-app>
    <v-container>
      <v-date-input label="Prepend Icon cannot be focused" prepend-icon="$vuetify" />
      <v-text-field label="Prepend Icon can be focused" prepend-icon="$vuetify" @click:prepend="() => {}" />
      <v-select label="Prepend Icon can be focused" prepend-icon="$vuetify" @click:prepend="() => {}" />
    </v-container>
  </v-app>
</template>

@ikushum ikushum requested a review from a team December 16, 2025 07:28
@ikushum ikushum self-assigned this Dec 16, 2025
@ikushum ikushum added T: enhancement Functionality that enhances existing features a11y Accessibility issue C: VDatePicker labels Dec 16, 2025
@KaelWD KaelWD changed the title fix(VDatePicker): make prepend-icon unfocusable fix(VDateInput): make prepend-icon unfocusable Dec 16, 2025
@KaelWD KaelWD added this to the v3.11.x milestone Dec 16, 2025
@KaelWD KaelWD merged commit c917533 into master Dec 16, 2025
17 checks passed
@KaelWD KaelWD deleted the fix/make-date-picker-icon-unfocusable branch December 16, 2025 10:08
@J-Sek
Copy link
Contributor

J-Sek commented Dec 16, 2025

tabindex={ props['onClick:prepend'] ? 0 : -1 } could make it consistent with other components

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

a11y Accessibility issue C: VDatePicker T: enhancement Functionality that enhances existing features

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Feature Request] Add a way to disable the on-click event of the date input prepend icon (or make it not focusable)

3 participants