<input type="date">

Example

Usage

<input
  type="date"
  id="date"
  min="2019-01-01"
  max="2019-12-31"
  step="14"
/>

Description

The date type presents a date picker to the user. Its apparance can vary depending on the browser or device its being viewed on. For example, touchscreen users would see a more finger-friendly calendar view.

min and max attributes define the first and last dates that are valid. The step attribute counts up or down in days, which allows for patterns of dates such as every other Tuesday.