Date

A calendar date, shown as a date picker. Opt-in with data-type, never inferred.

When it is used

Dates are never guessed. You opt in by adding data-type="date" to the element holding the token, typically a <time>.

Because it is explicit, an ordinary number or string never turns into a date control by accident.

Example

Add data-type="date" to opt in:

<time datetime="{published}" data-type="date">{published}</time>

In the editor

In the editor this is a date picker.

It pairs naturally with a <time> element, so the published page carries a machine-readable date too.