New to Telerik UI for .NET MAUIStart a free 30-day trial

.NET MAUI DatePicker Visual Structure

Updated on Dec 29, 2025

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

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

DatePicker Structure

DatePicker Visual Structure

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

DatePicker Popup Visual 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.
  • Header Text—The text that is visualized in the header of the popup.
  • Spinners Header—The text that is visualized for each spinner header. For example, if the SpinnerFormatString is d, 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 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