Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA date and time range for hiring a room that rejects overlaps with existing bookings, including the setup and clean-up buffer around each one. Use this when a room is hired by the hour and a booking needs free time before and after it.
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 room is hired by the hour and a booking needs free time before and after it.
Do not use it for fixed-length slots; use appointment-booker or time-slot-picker.
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 |
|---|---|---|---|
| bookings | { date: string; start: string; end: string; name?: string }[] | [] | Existing bookings. |
| bufferMinutes | number | 30 | Free time needed before and after every booking. |
| onValueChange | (booking: { date; start; end } | null) => void | - | Called with a conflict-free booking. |
| openFrom / openTo | string | 08:00 / 22:00 | Opening hours. |
The pattern ships with a Testing Library test (venue-hourly-booking.test.tsx) that covers free times, clashes with and without the buffer, the opening hours.