1 Form {
 2   name: "calendarDatePicker"
 3   scriptURL: "calendar.js"
 4   borders: "none"
 5   bgColor: "#FFFFFF"
 6   rows: "5"
 7   layout: "table"
 8   widgets {
 9     {
10       DateChooser {
11         name: "dateChooser"
12         bounds { y: "0" }
13         horizontalAlign: "full"
14         verticalAlign: "full"
15         bgColor: "#ffffff"
16         font { size: "-1" }
17         monthDisplayType: "multiple"
18         monthDisplayRows: "3"
19         selectionMode: "block"
20       } [ onChange="calendar_component_onChange()" ]
21     }
22     {
23       Label {
24         templateName: "headerLabel"
25         bounds { y: "1" }
26         value: "My Calendars"
27       }
28     }
29     {
30       Tree {
31         bounds { y: "2"; height: "1ln" }
32         borders: "none"
33         verticalAlign: "top"
34         rootNode { value: "My Calendars" }
35         showRootNode: "false"
36         dataURL:<< 
37         DataItem {
38           subItems {
39             {value: "Calendar"; icon: "resource:pim.icon.calendar" }
40           }
41         }>> [ inline="true", mimeType="text/x-sdf" ]
42       }
43     }
44     {
45       Line {
46         bounds { y: "3"; height: "2" }
47         fgColor: "inactiveCaption"
48       }
49     }
50     {
51       GroupBox {
52         borders: "none"
53         bounds { y: "4"}
54         bgColor: "#ffffff"
55         contentPadding { left: "14" }
56         widgets {
57           {
58             PushButton {
59               name: "sharedContacts"
60               bounds { y: "0" }
61               fgColor: "linkColor"
62               horizontalAlign: "left"
63               buttonStyle: "hyperlink"
64               value: "Open Shared Calendars..."
65             }
66           }
67         }
68       }
69     }
70   }
71 }
72 
73 
74 
75