.NET MAUI TimeSpanPicker Visual Structure

This article describes all visual elements that are used in the TimeSpanPicker for .NET MAUI.

Before and After Time Interval Selection

TimeSpanPicker Visual Structure

Currently, the TimeSpanPicker does not provide spinners for milliseconds.

TimeSpanPicker Popup Visual Structure

Placeholder—The text visualized before the user picks a date/time. You can customize the placeholder through the PlaceholderTemplate property.
DisplayStringFormat—The text visualized after a date/time is picked.
Header and HeaderLabelText—The text displayed in the popup header. You can set it to a direct text input through the HeaderLabelText property or customize the popup header by using the HeaderTemplate property.
SpinnersHeader—The text visualized for the spinner header depending on the values that will be picked. For example, if the SpinnerFormat is g, the text visualized for the spinner header will be Days Hours Minutes Seconds.
Spinner—Displays time interval values in a list.
SelectionHighlight—Highlights the currently selected time interval when the popup is open.
Footer—The footer of the popup. By default, it contains the OK and Cancel buttons. You can customize it through the FooterTemplate property.