Date input - CSS Component ​

The DateInput component can be used imported from:

Playground ​

Browser support ​

Detected engine:  

  • Chromium

  • Webkit

  • Gecko

Attention!

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

Construction ​

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.

HTML Examples ​

CodeSandbox example ​