# Clock card

> Canonical HTML: https://screenrig.ai/docs/cards/clock/

The time, big and beautiful: digital, analog, in words, on flip cards, as base-five lamps, as rings or on a sliding ruler, with date and an optional city label.

Category: Time. Tags: Clocks and calendars, Offices and workplaces, Lobbies and reception, Stores.

## Previews

![Clock](/cards/clock/v1/screenshots/canvas-bloom.webp?sha=13c45a1e340a62c0eb372ff3d87fb5496274817d47a81c6c8a886b867bbf828e)

Canvas

![Clock](/cards/clock/v1/screenshots/corner-bloom.webp?sha=1979ddc1cedbf12dd16b9b563dc27a963a4780187cfbe54b0ec82d049ff0d8de)

Corner

![Clock](/cards/clock/v1/screenshots/chip-bloom.webp?sha=147c5f5667d25f29bc096a050ab027b1bba2cfdd68d24ab8841ea692c19b4f6b)

Chip

## Views and forms

Views: canvas, corner, chip. Canvas forms: landscape, portrait, square, strip.

[Card views, themes and publishing](/docs/cards/). [Browse the gallery](/apps/#cards).

## Data and privacy

This card uses its configured properties and live card data.

## Properties

For theme, background, accent and position, see [Common properties](/docs/cards/#common-properties).

Set static properties in `params`. Bind `data` to a project card data key for live values; that document holds only dynamic properties. Without a data key, put the complete configuration in `params`. Nested rows describe the contents of their parent property.

### Static properties

| Name | Type | Default | Values and limits | Description |
| --- | --- | --- | --- | --- |
| `face` | string | `"digital"` | `"digital"`, `"analog"`, `"words"`, `"flip"`, `"sets"`, `"rings"`, `"ruler"` |  |
| `hour12` | boolean | `false` |  |  |
| `showSeconds` | boolean | `false` |  |  |
| `showDate` | boolean | `true` |  |  |
| `dateFormat` | string | `"long"` | `"long"`, `"short"`, `"numeric"` |  |
| `timeZone` | string, null | `null` |  | IANA zone; null uses the screen's zone. |
| `label` | string | `""` | maxLength: `40` |  |

### Dynamic properties

This card has no dynamic properties.

## Canvas example

Add this item to a playlist page’s `primitives`. [Publish the playlist and assign a screen](/docs/cards/#publish-a-card-canvas).

```json
{
  "id": "clock",
  "primitive": "card",
  "card": "clock",
  "major": 1,
  "params": {
    "theme": "neomustard"
  },
  "rect": {
    "x": 0,
    "y": 0,
    "width": 1920,
    "height": 1080
  },
  "layer": 0,
  "content_fit": "fill"
}
```