Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA field-style button that opens a bottom drawer with a calendar, a Done button and a Cancel that restores the previous date, the usual phone date entry. Use this when a phone form needs a date and a calendar in a popover is too small to tap.
Derived from this item’s props table, because it declares no controls of its own. This item has no standalone playground, so changes update the code, the share link and the AI prompt.
Use it when a phone form needs a date and a calendar in a popover is too small to tap.
Do not use it on desktop where a popover is expected; use date-field-with-calendar-popover.
This item is part of tealmac UI Pro
The source for this item installs with a Pro licence key. Log in with your key to see the install command, or read the Pro setup page.
| Prop | Type | Default | Description |
|---|---|---|---|
| value / defaultValue / onValueChange | string | null | null | ISO date; called on Done. |
| placeholder | string | Select a date | Button text while empty. |
| min / max / isDateUnavailable | - | - | Limits. |
| title | string | Choose a date | Sheet title. |
The pattern ships with a Testing Library test (bottom-sheet-date-picker.test.tsx) that covers opening, choosing and Done, and Cancel restoring the old date.