Clock card

The Clock card shows the current time in a variety of formats, sizes and time zones.

Screenshot of the clock card

To add the clock card to your user interface:

1. In the top right of the screen, select the edit button.
   • If this is your first time editing a dashboard, the Edit dashboard dialog appears.
     • By editing the dashboard, you are taking over control of this dashboard.
     • This means that it is no longer automatically updated when new dashboard elements become available.
     • Once you’ve taken control, you can’t get this specific dashboard back to update automatically. However, you can create a new default dashboard.
     • To continue, in the dialog, select the three dots menu, then select Take control.
2. Add a card and customize actions and features to your dashboard.

All options for this card can be configured via the user interface.

Card settings

Examples

Basic example:

type: clock

Screenshot of the basic clock card

Example of a larger clock card for tablet dashboards:

type: clock
clock_size: large
time_format: "12"
show_seconds: true

Screenshot of a large sized, 12 hour clock card showing am/pm and seconds

A medium-sized clock card better suited for desktop dashboards:

type: clock
clock_size: medium
time_format: "12"
show_seconds: false

Screenshot of a medium sized, 12 hour clock showing am/pm

A medium-sized, 24 hour clock using the London timezone with a title

type: clock
clock_size: medium
time_zone: Europe/London
title: London 💂

Screenshot of a medium sized, 24 hour clock showing seconds based in London along with a title

A medium-sized, 12 hour clock using the New York timezone with a title

type: clock
clock_size: medium
time_format: "12"
time_zone: America/New_York
title: New York 🦅

Screenshot of a medium sized, 12 hour clock showing am/pm and seconds based in New York along with a title