Time picker

The v-time-picker is stand-alone component that can be utilized in many existing Vuetify components. It offers the user a visual representation for selecting the time.


Time pickers have the light theme enabled by default.



Time pickers - Colors

Time picker colors can be set using the color and header-color props. If header-color prop is not provided header will use the color prop value.

Time pickers - In dialog and menu

Due to the flexibility of pickers, you can really dial in the experience exactly how you want it.

Time pickers - 24h format

A time picker can be switched to 24hr format.

Time pickers - Allowed times

You can specify allowed times using arrays, objects, and functions.

Time pickers - Setting picker width

You can specify allowed the picker’s width or make it full width.