Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA time range for the expected arrival that must sit inside the property's check-in hours, with a late arrival notice and an adjust-to-fit button. Use this when guests tell a property when they will arrive and the front desk has fixed hours.
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 guests tell a property when they will arrive and the front desk has fixed hours.
Do not use it for open-ended time ranges; use time-range-field.
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 |
|---|---|---|---|
| value / defaultValue | { start: string; end: string } | null | null | Expected arrival window. |
| onValueChange | (window: TimeRange | null) => void | - | Called with a window inside the hours. |
| opens / closes | string | 15:00 / 22:00 | Front desk check-in hours. |
| lateFrom | string | 22:00 | Arrival after this is a late arrival. |
The pattern ships with a Testing Library test (check-in-time-window.test.tsx) that covers a window inside the hours, one outside, adjusting to fit and the late arrival notice.