<label for="meeting">Next meeting (August 2021):</label>
<input type="date"
id="meeting"
name="meeting"
min="2021-08-01"
max="2021-08-31"
defaultValue="2021-08-01">
<label for="start">Start date:</label>
<input type="date" id="start" name="trip-start"
value="2018-07-22"
min="2018-01-01" max="2018-12-31">
The <input type="date"> defines a date picker.
The resulting value includes the year, month, and day.
Tip: Always add the <label> tag for best accessibility practices!
<label for="birthday">Birthday:</label>
<input type="date" id="birthday" name="birthday">