Overview

Telerik UI for .NET MAUI TimeSpanPicker provides an easy way to select a time duration. The control represents a time interval and allows you to set a time range between two time intervals, which can be measured in days, hours, minutes, and seconds. The flexible styling API gives you the opportunity to fully customize the dialog appearance, for example, its header and footer.

Currently, the Telerik UI for .NET MAUI TimeSpanPicker is available for Android and iOS.

TimeSpan Picker Overview

Key Features

  • Spinner Format—The TimeSpanPicker for .NET MAUI allows you to use standard or custom timespan format string through its TimeSpanPicker.SpinnerFormat property. Depending on what format is set, the picker visualizes spinner controls with pre-populated values that can be picked.

  • DisplayString format—You can choose what text to be displayed when a time interval is selected using the TimeSpanPicker DisplayStringFormat property.

  • Templates—The TimeSpanPicker provides templates for its header and footer. Also, the control exposes templates for its placeholder and display text.

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

  • Time interval selection—You can set a currently selected time interval to the TimeSpanPicker or define a default highlighted time interval.

  • Incremental time steps—You can also change the default time interval steps to days, hours, minutes, or seconds.

  • Flexible styling API—Take advantage of the styling capabilities of the TimeSpanPicker control. You can easily style its spinners, the popup and its header and footer, the text displayed after a time interval is selected, and many more.

  • Commands support—The TimeSpanPicker exposes the ClearCommand that allows you to clear the selected time interval and the ToggleCommand that allows you to open and close the dialog.

Next Steps

In this article
Not finding the help you need?