Date / Time Picker
The Date / Time Picker presents an inline or popup calendar and/or clock for selecting date and time values. The type property controls which picker panels appear.
Properties
| Property | Type | Description |
|---|---|---|
type | date / time / datetime | Which picker panel(s) to show |
label | string | Field label |
clearable | boolean | Show a clear/reset button to remove the selected value |
mask | string | Display format for the selected value — see below |
Plus shared layout properties.
Mask format
The mask property controls how the selected value is displayed in the input field. It uses Day.js format tokens.
Common examples:
| Mask | Output example |
|---|---|
DD/MM/YYYY | 24/12/2025 |
MM/DD/YYYY | 12/24/2025 |
YYYY-MM-DD | 2025-12-24 |
HH:mm | 14:30 |
DD/MM/YYYY HH:mm:ss | 24/12/2025 14:30:00 |
The mask affects display only — the underlying submitted value is always an ISO 8601 timestamp.
See also: Elements overview