VTimePickerControls API

Props

name	type	default
`allowed-hours`	number[] \| ((val: number) => boolean)	undefined
Restricts which hours can be selected. Can be an array of allowed hours, a function that returns true for allowed hours, or an object with `min` and `max` properties.
`allowed-minutes`	number[] \| ((val: number) => boolean)	undefined
Restricts which minutes can be selected. Can be an array of allowed minutes, a function that returns true for allowed minutes, or an object with `min` and `max` properties.
`allowed-seconds`	number[] \| ((val: number) => boolean)	undefined
Restricts which seconds can be selected. Can be an array of allowed seconds, a function that returns true for allowed seconds, or an object with `min` and `max` properties.
`ampm`	boolean	false
Enables AM/PM mode.
`color`	string	undefined
Applies specified color to the control - supports utility colors with or without `text-` prefix (for example `success`, `purple` or `text-purple`) or CSS color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the colors page.
`disabled`	boolean	false
Removes the ability to click or target the component.
`hour`	string \| number	undefined
The current hour value.
`input-hints`	boolean	false
Displays labels below the time input controls.
`max`	string	undefined
Maximum allowed time.
`min`	string	undefined
Minimum allowed time.
`minute`	string \| number	undefined
The current minute value.
`period`	'am' \| 'pm'	undefined
The current period value. either `am` or `pm`.
`readonly`	boolean	false
Makes the timepicker readonly.
`second`	string \| number	undefined
The current second value.
`use-seconds`	boolean	false
Enables the display and selection of seconds in the timepicker.
`value`	number	undefined
The current value of the timepicker.
`view-mode`	'hour' \| 'minute' \| 'second'	undefined
The current view mode of the timepicker. Can be either `hour`, `minute`, or `second`.

Events

name	type
`update:hour`	[number]
Emitted when the hour value changes.
`update:minute`	[number]
Emitted when the minute value changes.
`update:period`	['am' \| 'pm']
Emitted when the period is changed. The event payload is either `am` or `pm`.
`update:second`	[number]
Emitted when the second value changes.
`update:viewMode`	['hour' \| 'minute' \| 'second']
Emitted when the view mode is changed. The event payload is either `hour`, `minute`, or `second`.

Slots

never

`default`
The default Vue slot.

#VTimePickerControls API

VTimePickerControls API