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.