.NET MAUI TimeSpanPicker Visual Structure

Updated on Dec 29, 2025

The visual structure of the .NET MAUI TimeSpanPicker represents the anatomy of the UI control. Being familiar with the visual elements of the TimeSpanPicker allows you to quickly find the information required to configure them.

The images in this article show the anatomy of the TimeSpanPicker and its building blocks.

TimeSpanPicker Structure

• Placeholder—The text visualized before the user picks a date/time. You can customize the placeholder through the PlaceholderTemplate property.
• Display String Format—The text visualized after a date/time is picked.

Popup Visual Structure

Currently, the TimeSpanPicker does not provide spinners for milliseconds.

• Header—The popup header element.
• Header Text—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.
• Spinners Header—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.
• Spinners—Displays time interval values in a list.
• Selection Highlight—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.

See Also

• Templates
• Commands