ARIA Date Picker Demo

Hint: click on button to show picker, or tab to it and press Enter.

The markup for the above is:

<label for="f" title="must be a date">Date</label>
<input id="f" name="departing" type="date"/>

Note that the label can be omitted if appropriate.

You also need to include the following in the head:

<link href="date.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="date.js"></script>

If the browser has disabled scripting, users can type in the date.

Implemented features:

Missing features:

These aren't really needed for applications that just want to pick a date in the near future or near past.