Skip to main content

Clock

Clock shows the current time and optional date, AOS, and LOS timers. It will typically be positioned on the Global Status Bar.

Interactive Example

Appearance and Behavior

The Clock is not an interactive component. Time is always present. Date, AOS and LOS are optional. The time is UTC by default but can be configured for any time zone.

The optional date feature uses the Julian day number format. Julian day number format requires 3 digits with placeholder 0s for the hundreds and tens places.

All digits should be displayed using the system mono font, system font, or Roboto with tabular numbers enabled. Monospace font and Tabular number geometry ensure that the display will not jitter as the numbers change.

Examples
Example Clock
Example Clock

Asset Status
Asset Version Status
Documentation N/A Available
UI Kit - Dark v7 Available
UI Kit - Light v7 Available
UI Kit - Wireframe v7 Available
Web Component v7 Available
Component Tokens N/A Planned
Status Key
Available In Progress Planned Not Available Deprecated
Feedback

Help us improve Astro

Please rate your present experience with Astro:

Cancel

Request Access to Source Code Repository

The source code Git repository and other useful documentation for Astro’s apps are hosted on Github.com. Please fill out the form below to request access.

How Would You Like to Use Astro’s Source Code?
Which Astro App’s Source Code Would You Like Access to?
Successfully submitted request for source code