This illustrations shows the DatePickerSample application. Its user interface consists of the following components (from top to bottom): the Check-In Date label and below it, a combo box field containing the 9/19/2013 date; the Check-Out Date label and below it, a combo boxes containing the 9/20/2013 date (the date is highlighted with blue), and the calendar element.

The calendar element shows the dates of September 2013. The dates from September 1 to September 19 are colored pink. The date of September 20 is colored dark blue. The calendar also shows some dates of the next month, October (the corresponding dates are light gray).

The month days are structured in a table. The table header contains the days of week. From left to right the columns are:

Sun, 1, 8, 15, 22, 29, 6

Mon, 2, 9, 16, 23, 30, 7

Tue, 3, 10, 17, 24, 1, 8

Wed, 4, 11, 18, 25, 2, 9

Thu, 5, 12, 19, 26, 3, 10

Fri, 6, 13, 20, 27, 4, 11

Sat, 7, 14, 21, 28, 5, 12