Airport Matrix Clock
A live world clock that renders local times and city names as crisp dot-matrix characters with restrained, character-level rolling transitions.
WORLD CLOCK
ADD A CITY3 / 5 CITIES
Installation
Add the component directly to your repository using shadcn CLI:
npx shadcn@latest add Surajmaurya1/easyui/airport-matrix-clock
API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| cities | AirportMatrixCityId[] | ['los-angeles', 'london', 'tokyo'] | Initial or controlled city IDs; supports one to five cities. |
| format | '12h' | '24h' | '24h' | Local time display format. |
| showSeconds | boolean | false | Include seconds in each displayed time. |
| updateInterval | number | 1000 | Shared clock refresh interval in milliseconds. |
| showCountry | boolean | false | Show the country name under each city. |
| showControls | boolean | true when cities is omitted | Show country and city selectors plus add and remove controls. |
| onCitiesChange | (cities: AirportMatrixCityId[]) => void | undefined | Receive city selection changes when using a controlled cities prop. |
| className | string | '' | Additional classes for the board container. |