Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA list of stops with a date range each, where a stop cannot start before the previous one ends, with nights per stop and in total and add and remove. Use this when a trip visits several places one after another and the dates must join up.
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 trip visits several places one after another and the dates must join up.
Do not use it for a single destination; use hotel-stay-dates.
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 | { city: string; range: DateRange | null }[] | one empty stop | Stops in order. |
| onValueChange | (stops, problems: (string | null)[]) => void | - | Stops and one message per stop. |
| max | number | 6 | Most stops. |
The pattern ships with a Testing Library test (multi-city-trip-dates.test.tsx) that covers ordering rules, nights, the total and the stop limit.