Skip to content

feat(VTimePicker): Add keyboard controls#22604

Draft
ikushum wants to merge 1 commit intodevfrom
fix/time-picker-accessibility-improvement
Draft

feat(VTimePicker): Add keyboard controls#22604
ikushum wants to merge 1 commit intodevfrom
fix/time-picker-accessibility-improvement

Conversation

@ikushum
Copy link
Member

@ikushum ikushum commented Feb 7, 2026

fixes #10722, #21885

Description

  • Convert the hour, second and minute divs to buttons
  • Add keyboard controls and navigation

Markup:

<template>
  <v-container>
    <v-time-picker
      v-model="model"
      use-seconds
    />
  </v-container>
</template>

<script setup>
  import { ref } from 'vue'

  const model = ref()
</script>

@ikushum ikushum self-assigned this Feb 7, 2026
@J-Sek
Copy link
Contributor

J-Sek commented Feb 8, 2026

The immediate problem becomes - assistive tools will show the clock has 12 options for minutes and seconds with gaps. Not sure if VBtn approach is correct here. Maybe the clock should have role spinbutton and accept up/down keys to change, while the visual representation is more of a guide for people relying on pointer-based interaction.

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

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants