Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA pickup or delivery switch where delivery offers two-hour windows and pickup offers quarter-hour times, with same-day cut-off and a lead time. Use this when an order can be collected or delivered and each needs a different kind of time choice.
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 an order can be collected or delivered and each needs a different kind of time choice.
Do not use it for appointments; use appointment-booker.
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 |
|---|---|---|---|
| onValueChange | (choice: { mode; date; time; end? } | null) => void | - | Called with a complete choice. |
| now | string | clock | Local date-time, for the cut-off and lead time. |
| leadMinutes | number | 90 | Earliest pickup time from now. |
| cutoff | string | 16:00 | After this, delivery starts the next day. |
| storeHours | { from: string; to: string } | 10:00-20:00 | Pickup hours. |
The pattern ships with a Testing Library test (pickup-or-delivery-window.test.tsx) that covers the delivery windows, the pickup lead time and the same-day cut-off.