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.

Usage

Time pickers have the light theme enabled by default.


API

v-time-picker

Examples

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.