Skip to content

Date input - CSS Component

The DateInput component can be used imported from:

Playground

Construction

Attention!

The localization format of the input comes from the format settings of the client's operation system.

Common API

For the basics, check the common specifications.

The CSS component uses the <label> tag.

z-date-input

The z-date-input parameter is the main parameter used to render the date input component.

INFO

Apart from the date input type, you can also try the datetime-local , month or week input types.


Attention!

Firefox and Safari do not support type="month" nor type="week". For type="datetime-local" both don't show a time picker natively.

Browser support

Detected engine:  

  • Chromium

  • Webkit

  • Gecko

HTML Examples

CodeSandbox example