Specifies the rendering and functioning mode of the control. Accepts values from the enums RadDatePicker.DisplayMode and RadTimePicker.DisplayMode. (Both enums are one and the same - they are available in both places for convenience. Default value is DisplayMode.standard.

Gets or sets a string representing the value format for the control. The value format determines how the edited value is displayed on the screen after it has been selected. If not set, the format from the current system clock configuration is used.

Gets or sets the empty content of the picker part of the control. The empty content is displayed when there is no value defined. This property value can be either a string or a data object. If the value is an object, the headerTemplate property must also be set to specify which properties of the object will be rendered.

Gets or sets a value determining how the emptyContent property value will be rendered. If the emptyContent property is of a primitive type, this property should not be set - the value will render as text. If the emptyContent is an object the template should specify mappins in the form #= objectPropertyName #. Example: #= value # provided that the emptyContent property is set to { value: 'Empty' }.

Gets or sets the object that represents the header content. This property value can be either a string or a data object. If the value is an object, the headerTemplate property must also be set to specify which properties of the object will be rendered.

Gets or sets a value determining how the header property value will be rendered. If the header property is of a primitive type, this property should not be set - the value will render as text. If the header is an object the template should specify mappings in the form #= objectPropertyName #. Example: #= value # provided that the header property is set to { value: 'Header Text' }.

Gets or sets the number of items visible within the selector part of the control. This property is used to determine the height of the selector part when opened. The calculated height will not exceed the height of the view port. Pass non-positive value to stretch the selector vertically. Default value is 3.

Gets or sets the spacing (in pixels) between the items that appear in the selector part of the control. This propery also determines the spacing between the different parts of the selector, e.g. lists, buttons, header. Default value is 10.

Gets or sets a value determining how the items in all lists in the selector will be rendered. With this propery the default template can be overridden. Internally all items are bound to a data object having two fields: 'value' and 'label'. These correspond to the number of year, month, hour, etc. and to the name of the month, day and whether the year is leap respectively. In order to utilize either or both of the data object properties the template should have mappings to them, e.g. #= value #'#= label #'

Gets or sets the value that represents the default value displayed in the selector part. The default value is shown when the value property is not set (null/undefined). If no default value is specified, the current date/time on the system is displayed when the selector opens.

Gets or sets the selector format. This value defines how the different selector components will be ordered. By setting this property, you can also define which editable parts of the selector will be visible. For example 'y/m' will display the Year and Month components in a DatePicker. Valid values are: * h - hour, m - minute, t - period [AM/PM] if applicable for a TimePicker; * y - year, m - month, d - day for a DatePicker;

Gets or sets the header displayed in the selector. By default the 'Select Date' text is shown. This property value can be either a string or a data object. If the value is an object, the selectorHeaderTemplate property must also be set to specify which properties of the object will be rendered.

Gets or sets a value determining how the selectorHeader property value will be rendered. If the selectorHeader property is of a primitive type, this property should not be set - the value will render as text. If the selectorHeader is an object the template should specify mappings in the form #= objectPropertyName #. Example: #= value # provided that the selectorHeader property is set to { value: 'Header Text' }.