Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA calendar that only enables the weekdays a tour runs, then lists that day's departures with seats left and sold-out times. Use this when a tour or ferry runs on fixed weekdays at fixed times with limited seats.
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 tour or ferry runs on fixed weekdays at fixed times with limited seats.
Do not use it for open appointments with free choice of time; 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 |
|---|---|---|---|
| runsOn | number[] | [2, 5, 0] | Weekdays the tour runs, 0 = Sunday. |
| departures | { time: string; seats: number }[] | 3 departures | Times and seats left. |
| seatsLeft | Record<string, number> | - | Overrides by date@time, e.g. 2026-11-03@09:00. |
| onValueChange | (choice: { date; time } | null) => void | - | Called when a date and a departure are chosen. |
| minSeats | number | 1 | Seats needed; departures with fewer left are disabled. |
radiogroup; each one is named with its time and seats ("09:00, 4 seats left") and sold-out ones are disabled.The pattern ships with a Testing Library test (tour-departure-picker.test.tsx) that covers enabling only running days, seats left, sold-out departures and the needed seats.