The Picker Type property can be set to use Date , Time or Date and Time . The Calendar will be displayed as such at runtime. The default is set to use Date. When clicking on the ellipsis next to the property, the Configure Picker Type dialog opens. Select the option or options required and set the criteria to be used with each.

Fields	Description
Date
First day of week	Represents the day when the week is started for your specific organization. When User Settings is selected, the default value of the user's browser culture settings will apply. Alternatively a specific day can be selected
Time
Format time	Defines the manner in which the time will be presented in runtime. The following options are available: Long time Short time hh:mm:ss:tt hh:mm:tt hh tt HH:mm:ss HH:mm HH See Format Time Setting below for more details and examples
Minute interval	Adjust the interval when using the up and down arrows to select minutes in the Calendar during runtime. The following intervals are available: 1 5 10 15 20 30 If the value is outside of these intervals, it can be manually typed in runtime
Second interval	Adjust the interval when using the up and down arrows to select seconds in the Calendar during runtime. The following intervals are available: 1 2 5 10 15 20 30 If the value is outside of these intervals, it can be manually typed in runtime
Reset
Reset	Resets the values to the default system values i.e. Date and intervals of 1

 Format Time Setting

The Calendar control allows for a 12 hour AM/PM clock or 24 hour clock to be displayed within the Calendar picker. This is useful when having customers in different countries with different culture settings. There are three items to consider when using the Calendar Picker as they work in conjunction and will influence the result at runtime.
Picker Type property - Determines the format of the Date and Time displayed in the Calendar picker at runtime and whether it's displayed as a 12 hour AM/PM clock or 24 hour clock
Date and Time Style applied to the control - Determines the display of the value in the control at runtime
Browser culture - Determines the format of the Long time and Short time

The selections made in the above items determine the display of the Calendar picker and Calendar control at runtime. The following options are available at design time for use with the Format time option of the Picker Type property:

• Long time - Displays either as hh:mm:ss tt or HH:mm:ss depending on whether the culture of the Calendar control as configured in the Style Builder has a default 12 hour AM/PM clock or 24 hour clock configured
• Short time - Displays either as hh:mm tt or HH:mm depending on whether the culture of the Calendar control as configured in the Style Builder has a default 12h AM/PM clock or 24h clock
• hh:mm:ss tt - Displays as a 12 hour clock
• hh:mm tt - Displays as a 12 hour clock
• hh tt - Displays as a 12 hour clock
• HH:mm:ss - Displays as a 24 hour clock
• HH:mm - Displays as a 24 hour clock
• HH - Displays as a 24 hour clock

Explanation of the notations:

h = hour
m = minute
s = second
tt = A.M or P.M
h/H = 12/24 hour

Following are examples of the different Time formats of the Calendar picker at runtime depending on the Format Time settings used:

The Display Time Zone property can be configured by using the set control properties actions allowing the designer to force a particular time zone to be used when displaying the control's value. This property can be used with the Calendar, Data Label, Text Box and Text Area controls and is configured in the Set Control properties rule actions. This property is useful if the datetime should display the same regardless of the end user location/time zone. Examples of where this feature would be beneficial are:

• A good example is birthdays or;
• When you have a time zone setting somewhere else you have to match for example the manner which SharePoint has time zones set per site collection and per user.
• Another example is when referring to a time in a particular time zone. When the user interface would state the time zone and the date time. A good example would be a world clock showing times in New York, London etc.
• Final example is when scheduling a meeting you can select a date/time based on your browser time zone but also show another control indicating the time in another region for the participants.

Use cases of Date, Datetime, Time, Timezone data types:

• Datetime - Should be used to specify a utc time that will show in different locations relative to the user's timezone.
• Datetime with timezone - Should be used to specify a utc time that will not vary depending on the user's timezone.
• Date - Should be used for a timezone invariant date (no time).
• Time - Should be used for a timezone invariant time (no date).