这个示例展示了DatePickerSample应用程序。它的用户界面由以下组件组成(从上到下):Check-In Date标签和下面的一个下拉框字段,其中包含9/20/2556 B. E.日期;Check-Out Date标签和下面的一个下拉框,其中包含11/15/1434 AH日期(该日期以蓝色突出显示),以及日历元素。

日历元素显示了2013年9月的日期。它还显示了一个红色标题,上面写着“Shawwal - Dhu'l-Qi'dah 1434”。9月1日至9月20日的日期被标记为粉色。9月21日的日期被标记为深蓝色。日历还显示了下个月10月的一些日期(相应的日期为浅灰色)。

月份日期以表格形式结构化。表头包含星期几。每个表格单元格代表ISO日历(黑色,左上角)和伊斯兰历(红色,右下角)对应的两个日期。从左到右,列依次为:

星期日,1日(25),8日(2),15日(9),22日(16),29日(23),6日(1)

星期一,2日(26),9日(3),16日(10),23日(17),30日(24),7日(2)

星期二,3日(27),10日(4),17日(11),24日(18),1日(25),8日(3)

星期三,4日(28),11日(5),18日(12),25日(19),2日(26),9日(4)

星期四,5日(29),12日(6),19日(13),26日(20),3日(27),10日(5)

星期五,6日(30),13日(7),20日(14),27日(21),4日(28),11日(6)

星期六,7日(1),14日(8),21日(15),28日(22),5日(29),12日(7)

鼠标光标位于9月21日上。该日期的工具提示包含以下消息:“您将要停留1天。”