Input type="date" polyfill (date picker)

Looking for WET v3.1?

As of September 23, 2014, version 3.1 of the Web Experience Toolkit is no longer supported. The source code and documentation have been moved to the wet-boew-legacy repository.

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: