Time picker

• 05/08/2017
• 2 minutes to read
• Contributors
  • 
  • 
  • 

The time picker gives you a standardized way to let users pick a time value using touch, mouse, or keyboard input.

Important APIs: TimePicker class, Time property

Is this the right control?

Use a time picker to let a user pick a single time value.

For more info about choosing the right control, see the Date and time controls article.

Examples

XAML Controls Gallery
	If you have the XAML Controls Gallery app installed, click here to open the app and see the TimePicker in action. Get the XAML Controls Gallery app (Microsoft Store) Get the source code (GitHub)

The entry point displays the chosen time, and when the user selects the entry point, a picker surface expands vertically from the middle for the user to make a selection. The time picker overlays other UI; it doesn't push other UI out of the way.

Create a time picker

This example shows how to create a simple time picker with a header.

<TimePicker x:Name=arrivalTimePicker Header="Arrival time"/>

TimePicker arrivalTimePicker = new TimePicker();
arrivalTimePicker.Header = "Arrival time";

The resulting time picker looks like this:

Get the sample code

• XAML Controls Gallery sample - See all the XAML controls in an interactive format.

Related topics

• Date and time controls
• Calendar date picker
• Calendar view
• Date picker