.NET MAUI TimePicker Overview

The Telerik UI for .NET MAUI TimePicker provides a convenient way for users to select a time and visualizes its items inside a popup or a dropdown.

The TimePicker provides a number of features which allow you to set a time range, time format, and to customize the dialog/dropdown appearance, for example, its header and footer.

Telerik Maui Ninja image

The TimePicker is part of Telerik UI for .NET MAUI, the most comprehensive UI suite for .NET MAUI! To try it out, sign up for a free 30-day trial and kickstart your cross-platform app development today.

TimePicker Overview

Key Features

  • Time ranges—The TimePicker allows you to define a time range by setting minimum and maximum time values and enables users to choose a time within that range.

  • Spinner format—The TimePicker for .NET MAUI allows you to use a standard or a custom time format string through the TimePicker.SpinnerFormat property. Depending on the types of the format that is set, the picker visualizes spinner controls with pre-populated values that can be picked.

  • Picker mode—You can choose between Popup and DropDown UI for showing the spinner controls with the available time values. For Desktop the default picker mode is DropDown while for mobile it's Popup.

  • Display String format—You can choose what text to be displayed when a time value is selected by using the DisplayStringFormat TimePicker property.

  • Time selection—You can set a current selected time or a default highlighted time to the TimePicker.

  • Time steps—You can also change the default time-value steps to an hour, a minute, and a second.

  • Templates—The TimePicker provides templates for its header and footer. Also, it exposes templates for its placeholder and display text.

  • Flexible styling API—Take advantage of the styling capabilities of the TimePicker control. You can style its spinners, the popup and its header and footer, the text displayed after a time is selected, and so on.

  • Commands support—The TimePicker exposes the Clear Command command that allows you to clear the selected time and the Toggle Command that allows you to open and close the dialog.

  • Localization support—Translate the used across the TimePicker texts to other languages, so that your app can be adapted to different regions.

Next Steps

See Also

In this article