Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProThe next sessions of a class that meets on set weekdays, listed with spots left, a full marker with a waitlist option, and one choice. Use this when a class repeats on a schedule and each session has limited places.
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 class repeats on a schedule and each session has limited places.
Do not use it for one-to-one visits; 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 |
|---|---|---|---|
| days | number[] | [1, 3] | Weekdays the class meets. |
| time | string | 18:00 | Start time. |
| start | string | today | First day to look from. |
| count | number | 6 | Sessions listed. |
| spots | Record<string, number> | - | Spots left by ISO date; missing means 12. |
| onValueChange | (choice: { date; time; waitlist: boolean } | null) => void | - | Selection. |
The pattern ships with a Testing Library test (group-class-session-picker.test.tsx) that covers the session dates, spots, a full session and the waitlist flag.