Value Selector Controls
These controls provide a graphical presentation to represent a value of a specific type. They also provide some kind of graphical interaction to change the value.
Control | Type | Description |
---|---|---|
Check Box | Boolean | True value presented as a check mark. Click interaction toggles the value. Has an option to display an 'unknown' value. |
Slider | Double | Relative value compared to a maximum and minimum value presented as the position along the length of the slider track of the slider button. Drag interaction on the slider button can alter the value between the maximum and minimum values. Keyboard and click interactions can also nudge the value. |
Calendar | DateTime | The calendar is a control for users to select dates or date ranges. |
Calendar Date Picker | DateTime | An extension of the calendar control that includes a text box and button. |
Date Picker | DateTime | The date picker has three 'spinner' controls to allow the user to pick a date value. |
Time Picker | TimeSpan | The time picker has three 'spinner' controls to allow the user to pick a time from hours, minutes and seconds. |