Search code examples
vuejs3vuetify.jstimepicker

How to select PM in Vuetify VTimePicker component

I want to use the vuetify vTimePicker in my project. However, when experimenting with the VTimePicker component at https://vuetifyjs.com/en/components/time-pickers/#usage, I am unable to choose PM. Nothing happens when I click 'PM', though I am able to select hour and minutes. How to select a time like 6:10 PM? Am I missing something?

enter image description here.

Solution

  • Current workaround before https://github.com/vuetifyjs/vuetify/issues/19637 is fixed:

    <v-time-picker ampm-in-title />

    or config globally

    createVuetify({
  defaults: {
    VTimePicker: {
      ampmInTitle: true,
    },
  }
})