Input type="date" polyfill (date picker)

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

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: