.NET MAUI DateTimePicker Visual Structure

Updated on Jan 12, 2026

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

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

DateTimePicker Structure

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

Popup Structure

• Header—The text that is displayed in the popup header. You can set it to a text input through the HeaderLabelText property, or customize it by using the HeaderTemplate property.
• Date Tab—Represents the date section of the popup.
• Time Tab—Represents the time section of the popup.
• Spinners Header—The text that is visualized for the spinner header depending on the values that are picked. For example, if the SpinnerFormatString is d, and AreSpinnerHeadersVisible property is set to True the visualized text for the spinner header will be Month ,Day,Year.
• Spinners—Displays items in a list. For d format, three spinners will be visualized: one for month, one for day, and one for year.
• SelectionHighlight—Highlights the current selected date and time 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

• Getting Started
• Formatting
• Date Range
• Templates
• Selection
• Styling