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/dropdown appearance, for example, its header and footer.
Spinner Format—The TimeSpanPicker for .NET MAUI allows you to use standard or custom timespan format string through its
TimeSpanPicker.SpinnerFormatproperty. 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
Picker mode—You can choose between
DropDownUI for showing the spinner controls with the available time values. For Desktop the default picker mode is
DropDownwhile for mobile it's
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
ClearCommandthat allows you to clear the selected time interval and the
ToggleCommandthat allows you to open and close the dialog.