Home Assistant Native Digital Clock Cards

configuration.yaml

template:
  - sensor:
    - name: "hour"
      state: "{{ now().timestamp() | timestamp_custom('%H') }}"
  - sensor:
    - name: "minute"
      state: "{{ now().timestamp() | timestamp_custom('%M') }}"

hour.yaml

elements:
  - entity: sensor.hour
    style:
      color: '#17d3b7'
      font-size: 600%
      left: 50%
      top: 50%
    type: state-label
image: >-
  data:image/svg+xml,%3Csvg%20width%3D%22300%22%20height%3D%22300%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%2F%3E
type: picture-elements

minute.yaml

elements:
  - entity: sensor.minute
    style:
      color: '#17d3b7'
      font-size: 600%
      left: 50%
      top: 50%
    type: state-label
image: >-
  data:image/svg+xml,%3Csvg%20width%3D%22300%22%20height%3D%22300%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%2F%3E
type: picture-elements