Windows Dev Center

Guidelines for time pickers

The time picker control provides a standardized way to choose the localized time. The entry point displays the chosen time, and selecting the entry point expands a picker surface for the user to make a selection. The time picker overlays other UI; it doesn't push other UI out of the way.

Is this the right control?

The time picker is used for selecting a single time. The time picker is a static display that's set by the user and isn't used to display the current time.

Examples

Example of the time picker control, in expanded state

Selecting the control's entry point expands it vertically from the middle:

Example of the time picker expanding

Related topics

For designers
Guidelines for DatePickers
For developers (XAML)
TimePicker class
For developers (HTML)
Quickstart: Adding a DatePicker
Quickstart: Adding a TimePicker
WinJS.UI.TimePicker object

 

 

Show:
© 2015 Microsoft