5

Date Input

Styled native date and time inputs. Supports date, time, datetime-local, month, and week types.

Composed of

Text Field
The input styling it builds on

Standalone

<link rel="stylesheet" href="https://esm.sh/@erikt/ui/date-input.css" />

Default

<input type="date" />

With label

<label class="field">
  <span>Date of birth</span>
  <input type="date" />
</label>

Variants

All date-related input types share the same styling.

<input type="time" />
<input type="datetime-local" />
<input type="month" />
<input type="week" />

Search 5021 icons

Type a name to find icons from the Tabler icon set.

      Move Open Esc Close