New to Telerik UI for .NET MAUI? Start a free 30-day trial

Picker Mode

The DatePicker for .NET MAUI exposes PickerMode property of Telerik.XamarinForms.Input.PickerMode type which can be set to one of the following values:

  • Popup—Shows the UI for picking a date inside a popup. It's the default value for mobile (Android and iOS);
  • DropDown— Opens the UI for picking a date inside a dropdown. It's the default value for Desktop (Windows, macOS);

Here is a sample of PickerMode set to Popup:

<telerik:RadDatePicker Date="2020,05,15" 
                            DisplayStringFormat="yyy-ddd-MMM" 
                            PickerMode="Popup"  />

Check below the result on mobile and desktop:

DatePicker Picker Mode

Quick example of PickerMode set to DropDown:

<telerik:RadDatePicker Date="2020,05,15" 
                            DisplayStringFormat="yyy-ddd-MMM" 
                            PickerMode="DropDown"  />

Check the result of DropDown mode on mobile and desktop:

DatePicker Picker Mode

Toggle Button

In addition, DatePicker exposes IsToggleButtonVisible property which when set to True renders an "arrow" button for opening the UI for picking a date. By default, IsToggleButtonVisible is enabled for Desktop together with the DropDown picker mode, and is disabled for mobile platforms. Still, you can explicitly apply it in both cases:

<telerik:RadDatePicker Date="2020,05,15" 
                            DisplayStringFormat="yyy-ddd-MMM" 
                            PickerMode="DropDown"
                            IsToggleButtonVisible="True" />

See Also

In this article
Not finding the help you need?