Beginner Recipe: Creating Calendar and Time Controls

A common issue web developers have to deal with is how to create calendar widgets that allow the users to pick a date from a calendar so they do not have to enter the date themselves. Creating a widget has always required JavaScript, but that is going to change. In this recipe, you will look at the various new input types that create different calendar controls, and for browsers that do not provide a calendar widget, refer to Chapter 3, where we offer a couple of fallback solutions.

Table 5.6. datetime Input Type Device and Browser Support

Android	[*]
Chrome	[*]
Firefox	[*]
Internet Explorer	[*]
iOS Safari	5.0+
Opera	10.0+
Safari	[*]

^[*] No calendar widget but text input fallback provided