Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA calendar of days that still have openings next to that day's time slots and a confirm step, the standard book-a-visit flow. Use this when a customer books one visit from the days and times a business really has open.
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 customer books one visit from the days and times a business really has open.
Do not use it when the length of the visit changes the choices; use appointment-duration-selector.
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 |
|---|---|---|---|
| slotsFor | (date: string) => string[] | 09:00-16:30 weekdays | Open start times for a day; an empty list disables the day. |
| onConfirm | (choice: { date; time }) => void | - | Called by the Confirm button. |
| unavailable | (date, time) => boolean | - | Times already taken. |
| timeZoneLabel | string | - | Shown under the slots. |
radiogroup and taken times are disabled.The pattern ships with a Testing Library test (appointment-booker.test.tsx) that covers disabled days, picking a day and a time, confirming and clearing the time on a new day.