Skip to content

Date Widget

The date widget provides a date dialog to select dates and times. It may be used stand-alone or as part of a form.

Date Widget

Configurable components

NameDescription
cardBackground button card component
primaryButton component

Widget Properties

Class NameDescription
formName of the form to submit to.
datetimeSet to 'date', 'time' or 'datetime'. Defaults to 'datetime'.
labelCheckbox label text
timezoneThe timezone to use for the date picker. Defaults to the user's timezone.
valueThe initial date value

CSS Properties

These CSS properties configure the underlying button component.

ElementCSS PropertyDescription
 backgroundBackground color of the button
 colorText color of the button
cardbackgroundBackground color of the card
 --v-densitySet to compact, default or comfortable.
 --v-rippleSet to enable the ripple effect.