Skip to content

VDateTimePicker

Single date picker component.

Props

NameTypeDescription
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.
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.
minstringThe earliest accepted date-time.
min-timestringThe earliest accepted time part of the date-time.
min-datestringThe earliest accepted date part of the date-time.
maxstringThe latest accepted date-time.
max-timestringThe latest accepted time part of the date-time.
max-datestringThe latest accepted time date of the date-time.
minutes-stepnumberDistance between presented minute options.
seconds-stepnumberDistance between presented seconds options. If null, seconds are not presented.
clockEnum:
12h
24h
Forces a 12h or 24h clock to be used.
initial-valuestringThe initial value of the date-picker.
valuestringThe current value of the date-picker.
readonlybooleanWhether the date-picker is readonly.

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 date is changed by the user.
changeCustomEvent<undefined>Emitted when the date is changed by the user.

Slots

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