Wheel in a modal, committed live, closed with Done
DROPDOWN
Fixed-width trigger — time left, clock right; the menu opens centered at the same width as the trigger
BOTTOM SHEET
iOS-style card sliding up from the bottom edge
TIME FIELD
<TimeField>time-field.tsx
INLINE SEGMENTS
Click a value to focus it, then step with ↑ / ↓ or type digits (← / → move between segments, A / P set the meridiem). The clock / chevrons on the right open the wheel, centered at the field’s width.
:
value: 13:00
SECOND INSTANCE
Independent value, wider field (w-56 override) — the menu measures and matches — wheel stepping minutes by 1.