Element: #017 DateField and TimeField (inputs/date-picker)
What it shows: Segmented DateField and TimeField inputs with bound values, minute granularity and 24h and 12h hour cycles.
When to use: Typing a date or time directly in a form, such as a birthday or an appointment start time.
Spec:
- `` initialised with `new CalendarDate(2026, 10, 10)`
- ``
- `` initialised with `new Time(14, 30)`
- ``
- Two `value:` output lines print `birthday.toString()` and `time.toString()`
Tags: date-field, time-field, granularity, hour-cycle, segmented, form
Needs: @codeatlasdev/ui@4.4.0
Components: DateField, TimeField
Live demo: https://ui.codeatlas.com.br/docs/inputs/date-picker#datefield-and-timefield
value: {birthday ? birthday.toString() : '–'}
value: {time ? time.toString() : '–'}