Skip to content
On this page

VTimePicker

Props

NameTypeDescription
helper-textstringThe helper text for the form element.
labelstringThe label for the form element.
error-textstringThe error text for the form element.
aria-currentEnum:
page
step
location
date
time
true
false
Indicates the element that represents the current item within a container or set of related elements.
disabledbooleanSets the element's disabled state. A disabled element will not be included during form submission.
initial-valuestringThe initial value of the form. This value sets the value property only when the value property has not been explicitly set.
valuestringThe current value of the element. This property serves as a mechanism to set the value property through both property assignment and the .setAttribute() method. This is useful for setting the field's value in UI libraries that bind data through the .setAttribute() API and don't support IDL attribute binding.
namestringThe name of the element. This element's value will be surfaced during form submission under the provided name.
requiredbooleanRequire the field to be completed prior to form submission.
readonlybooleanWhether the time-picker is readonly.
minutes-stepnumberDistance between presented minute options.
seconds-stepnumberDistance between presented seconds options. If null, seconds are not presented.
clockEnum:
12h
24h
Forces the time-picker to use a 12h or 24h clock.
minstringThe earliest accepted time of the time-picker.
maxstringThe latest accepted time of the time-picker.

Events

NameEvent TypeDescription
clickMouseEventFires when a pointing device button (such as a mouse's primary mouse button) is both pressed and released while the pointer is located inside the element.
focusFocusEventFires when the element receives focus.
blurFocusEventFires when the element loses focus.
keydownKeyboardEventFires when a key is pressed.
keyupKeyboardEventFires when a key is released.
inputCustomEvent<undefined>Emitted when the time is changed by the user.
changeCustomEvent<undefined>Emitted when the time is changed by the user.

Slots

NameDescription
helper-textDescribes how to use the time-picker. Alternative to the helper-text attribute.