feat(eidos): port time-range-field from soma
Eidos wrapper for time range selection — start/end TimeField inputs
sharing a single ZonedDateTime range value. Mirrors DateRangeField
pattern with `data-time-field` overlay trick so item segments inherit
the time-field recipe.
## Feature comparison
| Feature | react-aria | Mantine | Eidos |
|----------------------|------------|---------|-------|
| Range value | ✓ | ✓ | ✓ |
| Per-endpoint Input | ✓ | ✓ | ✓ |
| Segment editing | ✓ | — | ✓ |
| Granularity prop | ✓ | ✓ | ✓ |
| Hour cycle (12/24) | ✓ | ✓ | ✓ |
| Min/max value | ✓ | ✓ | ✓ |
| Placeholder per-end | ✓ | — | ✓ |
| Invalid signalling | ✓ | ✓ | ✓ |
| Disabled / readOnly | ✓ | ✓ | ✓ |
| Form integration | ✓ | ✓ | ✓ |
| Size cascade | — | ✓ | ✓ xs–xl |
| Variant cascade | — | ✓ | ✓ 3 |
| Color cascade | — | — | ✓ 6 |
## Parts
Root · Label · Input (type='start' | 'end') · Segment (re-exported
from TimeField). Each Input scopes its own TimeField context so
segment editing routes to the correct endpoint.
## Recipe
Grid `1fr · auto · 1fr` with em-dash separator. Specificity bump on
`[data-time-range-field][data-time-field]` to win over the overlay
data-time-field rules.
## Demo
Canonical 6-tab depth (~530L): Live / API / Morfo / Sema / Recipe /
A11y. Variant / size / color / granularity / hour-cycle / min-max /
disabled / readOnly / required controls.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
|
