This illustration shows two screen captures of the DatePickerSample application.

The first (left) screen capture shows a Check-In Date label with a combo box field below it containing the "yyyy-mm-dd" prompt text.

The second (right) illustration shows a DatePicker control. It consists of a combo box field and a calendar element.

The combo box field shows the following date: 2013-09-17.

The calendar element is located below the combo box field and shows the dates of September 2013 from 1 to 30. It 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

The calendar cell that corresponds to September 17 is colored blue; it is the selected date.

The calendar cell that corresponds to September 19 is colored gray; it is the current date.