This article explains the visual elements of the RadDatePicker and RadTimePicker controls.
Description of Elements
The text that appears above the picker element when the header property is set. It can be used to provide
additional information about the purpose of the picker control instance.
The element displayed by the RadDatePicker/RadTimePicker control when not focused. It consists of a text area containing the selected date,
empty string or placeholder text, and a button that can also be used to trigger the selector.
This is the element that appears upon focusing the RadDatePicker/RadTimePicker, which allows you to select a day, month and year (or hour,
minute, period) and then confirm or cancel your selection.
This is the text that appears at the top of the selector.
There is one looping list for each date/time fraction that needs to be selected. The list can be looped infinitely and contains the allowed
values for the given part of the date or time. Selection is done by clicking/tapping the chosen value or moving it to the center of the
list (which is highlighted in blue).
These are the elements used to build the looping lists. Each item represents a value (day, year, hour, period etc.).
Positioned at the bottom of the selector, they are used to confirm (tick button) or cancel (cross button) the selection, made through the
looping list. Upon clicking either button, the selector is closed. The difference is that in case of clicking the tick the selected value will
be shown in the picker, while clicking the cross will lead to no change.