Customizing DropDown in WPF DatePicker (SfDatePicker)

4 Sep 2020 / 1 minute to read

We can customize the SfDateSelector visibility, drop down button visibility and height of the SfDateSelector.

Change DropDown height

The height of drop down can be changed using DropDownHeight property.

xaml

<syncfusion:SfDatePicker DropDownHeight="300" 
	                     x:Name="sfDatePicker"/>

c#

SfDatePicker sfDatePicker = new SfDatePicker();
sfDatePicker.DropDownHeight = 300;

Show or hide DropDown button

If we want to restrict the user to selecting a date from a drop down date selector, we can hide the drop down button by using the ShowDropDownButton property value as false. The default value of ShowDropDownButton property is true.

xaml

<syncfusion:SfDatePicker ShowDropDownButton="False" 
	                     x:Name="sfDatePicker"/>

c#

SfDatePicker sfDatePicker = new SfDatePicker();
sfDatePicker.ShowDropDownButton = false;

Click here to download the sample that showcases the DropDown customization support.