Date & Time

This allows you to display the date and/or time, can be heavily configured using Intl.DateTimeFormat.

Formatting is locale aware and will present your date in the regional format you expect, for example, 9/16/22, 3:03 PM for locale en and 16.09.22, 15:03 for de. You can also specify a locale just for the datetime widget with the locale option (see below).

- datetime:
    text_size: xl
    format:
      timeStyle: short

Any options passed to format are passed directly to Intl.DateTimeFormat, please reference the MDN documentation for all available options.

Valid text sizes are 4xl, 3xl, 2xl, xl, md, sm, xs.

A few examples,

# 13:37
format:
  timeStyle: short
  hourCycle: h23

# 1:37 PM
format:
  timeStyle: short
  hour12: true

# 1/23/22, 1:37 PM
format:
  dateStyle: short
  timeStyle: short
  hour12: true

# 4 januari 2023 om 13:51:25 PST
locale: nl
format:
  dateStyle: long
  timeStyle: long