这个示例展示了DatePickerSample应用程序。其用户界面由以下组件组成(从上到下):Check-In Date标签和下面的一个下拉框字段,其中包含日期为9/19/2013;Check-Out Date标签和下面的一个下拉框,其中包含日期为9/20/2013(该日期以蓝色高亮显示),以及日历元素。

日历元素显示了2013年9月的日期。9月1日至9月19日的日期以粉色显示。9月20日的日期以深蓝色显示。日历还显示了下个月10月的一些日期(相应的日期以浅灰色显示)。

月份日期以表格形式结构化。表头包含星期几。从左到右的列依次是:

星期日,1号,8号,15号,22号,29号,6号

星期一,2号,9号,16号,23号,30号,7号

星期二,3号,10号,17号,24号,1号,8号

星期三,4号,11号,18号,25号,2号,9号

星期四,5号,12号,19号,26号,3号,10号

星期五,6号,13号,20号,27号,4号,11号

星期六,7号,14号,21号,28号,5号,12号