Itinerary Card
Trip itinerary card: dates and nights, a copyable booking reference, a mini route line, and days that expand into a vertical timeline of legs (train, flight, stay, walk, food, event) as glyph chips with times.
Preview
Coast weekend
Nov 13 – Nov 15 · 2 nights
- Larkfield
- Wren Bay
- Harrowmere
- 08:42Train: Coast line to Wren Bayuntil 11:15 · Coach 4, seat 61
- 11:30Walk: Harbour walk2.1 km, flat
- 13:00Food: Lunch at Saltbox KitchenTable for 2
- 15:00Stay: Check in: The Tidehouse2 nights · breakfast
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| title | string | — | Trip name; names the card. |
| reference | string | — | Booking reference; click to copy. |
| stops | string[] | [] | Places for the mini route line (two or more). |
| days | { date: "YYYY-MM-DD"; title; items: { id; kind; title; start; end?; detail? }[] }[] | — | kind is "train" | "flight" | "stay" | "walk" | "food" | "event"; times are "HH:MM". |
| defaultOpen | string[] | first day | Dates of days that start expanded. |
| locale | string | "en-US" | Date formatting (UTC, so it never shifts by time zone). |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.