Guidelines for TimePickers (Windows Store apps using JavaScript and HTML)

Use a TimePicker to enable the selection of times when you need to use space efficiently.

This practice provides the following benefits:

• The default inline display of the TimePicker makes it well suited for these situations.

For more information, see Quickstart: Adding a TimePicker.

If you don't want to display the AM and PM element, hide it by using CSS.

This practice provides the following benefits:

• The entire time is still represented internally, but users can't see or change the hidden element.

For more information, see Quickstart: Adding a TimePicker.

The TimePicker can be configured to display minute values in 15-minute increments.

This practice provides the following benefits:

• Users don't have to scroll through 60 items.

For more information, see Quickstart: Adding a TimePicker.

Consider displaying the TimePicker vertically.

This practice provides the following benefits:

• This is useful when the width of the app is narrow, for example, when it's docked.

For more information, see Quickstart: Adding a TimePicker.

Don't use a TimePicker to display the current time. It's a static display that's meant to be set by the user.

Avoiding this practice ensures that your users don't expect a real-time display.