Date reel
Pick a moment on phone-style wheels. Flick a column and it glides to the nearest entry.
Send later
Datetime mode shows the day, hour, minute and period. The summary reads the moment in words. Quick picks spin every wheel to a preset, and Schedule confirms in place.
<neura::date-reel
title="Send later"
today="2026-10-05"
value="2026-10-06 09:00"
label="Send later"
confirm
/>Birthday
Date mode uses month, day and year. Days that do not exist, such as February 30, stay dimmed and the day wheel returns to the last real day.
<neura::date-reel
mode="date"
title="Birthday"
today="2026-10-05"
value="1994-04-12"
:presets="false"
label="Birthday"
/>Reminder
Time mode keeps only the clock. Set the hour cycle to 24 when the readout should stay numeric.
<neura::date-reel
mode="time"
title="Reminder"
today="2026-10-05"
value="2026-10-05 09:30"
:hour-cycle="24"
:presets="false"
label="Reminder"
/>Props
The value is a local
YYYY-MM-DDTHH:mm string. Pass today when the words Today and Tomorrow must match a known day.
| Prop | Default | Role |
|---|---|---|
| mode | datetime | datetime, date or time |
| value | tomorrow 9:00 | Starting moment |
| today | today | Anchor for relative words |
| minute-step | 5 | 1, 5, 10, 15 or 30 |
| hour-cycle | 12 | 12 or 24 |
| presets | evening, tomorrow, weekday | false hides them |
| min / max | 30 days, or 100 years | Earliest and latest day |
| confirm | off | Shows the schedule button |