Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA new date range checked against existing bookings that lists each clash and suggests the nearest free range of the same length. Use this when a resource such as a room, a vehicle or a person can only be booked once at a time.
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 resource such as a room, a vehicle or a person can only be booked once at a time.
Do not use it for hourly bookings with buffers; use venue-hourly-booking.
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 | { name: string; from: string; to: string }[] | [] | Existing bookings. |
| onValueChange | (range: DateRange | null) => void | - | A clash-free range. |
| searchDays | number | 120 | How far to search for a free range. |
The pattern ships with a Testing Library test (booking-conflict-checker.test.tsx) that covers overlap detection including touching days, the suggestion and accepting it.