HyDatePicker

The full date form control: an editable hy-date-field (segmented input) plus an hy-popover-hosted hy-calendar. Mirrors hy-color-picker's form-associated host + popover + custom interior architecture.

type="datetime" enables the field's time segments; range switches to two fields + a range calendar. Value is a single ISO YYYY-MM-DD[THH:MM] or, in range mode, an ISO 8601 interval start/end. On form submit the JS value is projected to two scalar fields ({name}.start / {name}.end) in range mode — see DATETIME_COMPONENTS_PLAN.md §3.

Examples

<hy-date-picker label="Date" value="2026-03-07"></hy-date-picker>
<hy-date-picker label="Stay" range value="2026-03-07/2026-03-10"></hy-date-picker>

Events

• input - Fires on each calendar/field selection.
• change - Fires once the value is committed.