DateTimeInput
A date picker, or a time picker with enableTime, or both. Set timeStep (minutes) to offer fixed times, e.g. 30 for a booking. The value is ISO 8601. Bind value with { "@path": "/x" } to read it. Give it a label.
Examples
Loading examples…
Props
| Prop | Type | Description |
|---|---|---|
checks | object[] | Validation rules. The control shows the first failed one |
value | string | ISO 8601: "YYYY-MM-DD", "HH:MM" or "YYYY-MM-DDTHH:MM". Bind it with { "@path": "/x" } |
label | string | The visible label of the field. Always set it |
enableDate | boolean | The user picks a date. Default true unless only enableTime is set |
enableTime | boolean | The user picks a time |
timeStep | integer | Minutes between the times the user can pick, e.g. 15 or 30. Shows the time as a list |
weight | number | flex-grow in a Row or Column |
min | string | The earliest value, ISO 8601 |
max | string | The latest value, ISO 8601 |
placeholder | string | |
disabled | boolean | |
required | boolean | |
clearable | boolean | |
block | boolean | Full width |