- Skip to main content
- Skip to "About this site"

# Input type="date" polyfill (date picker)

- Documentation
- Questions or comments?

## Purpose

Provide an interface for selecting a date in a form. Implements the WAI-ARIA Date Picker design pattern.

## Relevant attributes

Relevant start date attributes:
  `type="date"`
  `min="2013-03-27"`
  `max="2013-05-07"`
Relevant end date attributes:
  `type="date"`
  `min="2013-03-27"`
  `max="2016-05-07"`

## Examples

Start date (YYYY-MM-DD)
End date (YYYY-MM-DD)
View code

    <div class="form-group">
    	<label for="startdate">Start date<span class="datepicker-format"> (<abbr title="Four digits year, dash, two digits month, dash, two digits day">YYYY-MM-DD</abbr>)</span></label>
    	<input class="form-control" type="date" id="startdate" name="startdate" min="2013-03-27" max="2013-05-07" />
    </div>
    <div class="form-group">
    	<label for="enddate">End date<span class="datepicker-format"> (<abbr title="Four digits year, dash, two digits month, dash, two digits day">YYYY-MM-DD</abbr>)</span></label>
    	<input class="form-control" type="date" id="enddate" name="enddate" min="2013-03-27" max="2016-05-07" />
    </div>

Date modified:
  2015-03-06