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 | ||
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.