Guidelines for time pickers

Applies to Windows and Windows Phone

A sample of what standard date picker and time picker controls look like

Description

The time picker provides a standardized way to let users pick a localized time by using touch, mouse, or keyboard input.

Use the time picker when a user needs to select a single time. The time picker is a good option for conserving real estate because the screen space used is fixed and independent of the number of choices.

Example

A screenshot that illustrates standard date picker and time picker contols

Dos and don'ts

  • Use the time picker when a user needs to select a single time.
  • Use a time picker to enable the selection of times when you need to use space efficiently.
  • Don't use a time picker to display the current time. It's a static display that's meant to be set by the user.
  • Don't use the time picker for performing commands, displaying other windows such as dialog boxes, or dynamically displaying other controls.

Related topics

For designers
Guidelines for DatePickers
Quickstart: Adding a DatePicker
Quickstart: Adding a TimePicker
For developers (Windows Runtime apps using JavaScript and HTML)
WinJS.UI.TimePicker object
For developers (Windows Runtime apps using C#/VB/C++ and XAML)
TimePicker class

 

 

Show:
© 2014 Microsoft. All rights reserved.