.NET MAUI DatePicker Modes
The DatePicker for .NET MAUI provides a popup and a drop-down picker mode.
Popup Picker Mode
To set the popup picker mode of the DatePicker, use the PickerMode property of the Telerik.Maui.Controls.PickerMode type and configure it to Popup. Popup shows the UI for picking a date inside a popup and is the default value for mobile (Android and iOS).
The following example shows how to set the PickerMode to Popup:
<telerik:RadDatePicker Date="2020,05,15"
DisplayStringFormat="yyy-ddd-MMM"
PickerMode="Popup" />
The image below shows the result on mobile and desktop devices:
Drop-Down Picker Mode
To set the drop-down picker mode of the DatePicker, use the PickerMode property of the Telerik.Maui.Controls.PickerMode type and configure it to DropDown. The DropDown value opens the UI for picking a date inside a drop-down, and is the default value for Desktop (Windows, macOS).
The following example shows how to set the PickerMode to DropDown:
<telerik:RadDatePicker Date="2020,05,15"
DisplayStringFormat="yyy-ddd-MMM"
PickerMode="DropDown" />
The image below shows the result on mobile and desktop devices:
Arrow Button Picker Mode
In addition, DatePicker exposes the IsToggleButtonVisible property which, when set to True, renders an Arrow button for opening the UI and allows users to pick a date.
By default, together with the DropDown picker mode, IsToggleButtonVisible is enabled for desktop devices, and is disabled for mobile platforms. You can explicitly apply it in both cases by using the following implementation:
<telerik:RadDatePicker Date="2020,05,15"
DisplayStringFormat="yyy-ddd-MMM"
PickerMode="DropDown"
IsToggleButtonVisible="True" />