API and Development
DateTimeInput from @prepared911/ui/date-time-input. A span of days is DateRangeInput with the default Before, After, and Between strip. A span of instants is the same field with type DateRangeInputType.DateTime.
| Prop | Meaning |
|---|---|
label | Required name of the group. |
value / defaultValue | A Date instant, or null. |
onValueChange | Next instant and details.reason. |
timeZone | IANA zone the segments read and write. |
min / max / disableFuture | Bounds on the instant. |
hourCycle | 24-hour unless you opt into 12-hour or 11-hour. |
step | Minutes between times in the list. |
confirm | Requires applyLabel and resetLabel. Reset restores the value held when the popover opened and stays open. Clear, when clearLabel is set, empties the draft and stays open. Escape and an outside press close without committing. Apply is the only primary action. |
| Prop | Meaning |
|---|---|
type | DateRangeInputType.DateTime for instants; default is days only. |
timeZone | IANA zone for panel times and committed instants. The read-only trigger shows formatted dates only, with no zone label. |
timeSegmentLabels | Names of hour and minute segments in the panel time fields. Required with type DateTime. |
timeFieldLabels | Names of From and To time fields under the calendar. Required with type DateTime. |
modeLabels / modeSelectLabel / applyLabel / resetLabel | Default strip and confirm footer, same as a day range. |
value / onValueChange | { start, end } with Date instants; open ends are null. |