Store Locator
Find a store: search by city or postcode, a distance-sorted list with open/closed status from a fixed now and a weekly hours expander, beside a drawn map with numbered pins synced to the list.
Preview
Find a store
5 stores nearby
- Monday
- 08:00–21:00
- Tuesday (today)
- 08:00–21:00
- Wednesday
- 08:00–21:00
- Thursday
- 08:00–21:00
- Friday
- 08:00–21:00
- Saturday
- 08:00–17:00
- Sunday
- 10:00–16:00
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| stores | { id; name; address; city; postcode; distance; hours; phone?; x; y }[] | — | Stores; hours are seven [open, close] pairs or null, Sunday first; x/y place the pin on the map. |
| now | string | — | Local time "YYYY-MM-DDTHH:MM" for open/closed; the clock is never read. |
| unit | "km" | "mi" | "km" | Distance unit label. |
| map | ReactNode | <TownMap /> | Drawn map in a 1000 × 700 viewBox. |
| selected / defaultSelected | string | null | null | Selected store, shared by list and pins. |
| onSelectedChange | (id: string | null) => void | — | Called when a row or pin is picked. |
| defaultQuery | string | "" | Initial search text. |
| defaultHoursOpen | string | null | null | Store whose weekly hours start expanded. |
| title | string | "Find a store" | Heading. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.