Smart date input
A natural-language date field that reads phrases like next tue 3pm, in 2 weeks or dec 4 from a fixed now, with a live result chip, suggestions, a calendar fallback and an invalid state.
Preview
Type it the way you'd say it
now: Thu 12 Mar, 14:20- next friday Fri 20 Mar
- next friday 3pm Fri 20 Mar · 15:00
Keep typing or pick a suggestion.
Understands
- in 2 weeksThu 26 Marin 2 weeks
- dec 4 9amFri 4 Dec · 09:00in 9 months
- tomorrow eodFri 13 Mar · 17:00tomorrow
- next tue 3pmTue 17 Mar · 15:00in 5 days
- 4th of julySat 4 Julin 4 months
- the 20thFri 20 Marin 8 days
When it can't tell
Couldn’t read that date. Try “fri 2pm” or pick from the calendar.
Couldn’t read that date. Try “fri 2pm” or pick from the calendar.
The field never guesses silently
Impossible dates (feb 30) and unknown words stay red until fixed. Blur keeps the last good value; the calendar button is always there.Calendar fallback
the popover's contentsin 8 daysFri 20 Mar
March 2026
March 2026
SunMonTueWedThuFriSat
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| now | Date | — | Reference time for relative phrases (required; pass a fixed date for stable renders). |
| value | { date: Date; hasTime: boolean } | null | — | Controlled resolved date. |
| defaultValue | ParsedDate | null | null | Uncontrolled starting date. |
| onValueChange | (value: ParsedDate | null) => void | — | Called on Enter, suggestion pick, calendar pick or blur. |
| label | string | "Date" | Visible label of the field. |
| placeholder | string | example phrases | Placeholder text. |
| suggestions | string[] | DEFAULT_SUGGESTIONS | Phrases offered while typing, filtered by the text. |
| withTime | boolean | true | When false, times in the text are dropped. |
| defaultText | string | — | Initial text in the field (parsed live, may be invalid). |
| defaultOpen | boolean | false | Show the suggestion list on first render without taking focus. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.