RuiDateTimePicker

Sources: ../../src/componentsInputs/DateTimePicker/DateTimePicker.vue
Wrapper for a date input, manipulating only `Date` objects. The control is wrapped in a `RuiField` component.

Wrapper for a date input, manipulating only Date objects. The control is wrapped in a RuiField component.

Props

Name Required Type Default Allowed values Description
modelValue date|string null

Used for v-model or specified when input has a one-way binding

Input
disabled boolean false

Whether to disable the input

required boolean false

Whether the input is required

inputName Yes string

Input "name" attribute

Constraints
notBefore date null

Date to limit the selection

notAfter date null

Date to limit the selection

Options
time boolean true

Whether to display time picker

clearable boolean true

Whether to display a button to clear the input

Input wrapper props
inputId string randomString()

Input "id" attribute

label string null

Optional label for "label" HTML element

append string null

Text to append next to the slot

help string null

Optional help text

error string|array null

Error text, if any

inline boolean false

Style the slot content for an inline display (i.e.: border radius,...)

invisibleLabel boolean false

Whether to make the label visible for screen readers only

Events

Name Description Parameters
update:modelValue

Fired when date changes.

{Date} details — New date

Slots

This component has no slot.