World clock
City clocks with SVG analog faces, a smooth second hand, digital time and offset, a day/night tint and a compact row variant, driven by a now prop.
Preview
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| cities | { key: string; city: string; timeZone: string; note?: string }[] | — | Cities with IANA time zones. |
| now | Date | number | string | — | The moment shown; time advances from here when ticking. |
| ticking | boolean | true | Advance in real time (paused under reduced motion). |
| variant | "cards" | "row" | "cards" | Analog cards, or a compact row list. |
| homeTimeZone | string | first city | Zone the offsets are measured from. |
| hour12 | boolean | false | 12-hour digital time with AM/PM. |
| label | string | "World clock" | Accessible name of the region. |
| locale | string | "en-US" | Locale for weekday names. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.