Customizing DropDown in WPF DatePicker (SfDatePicker)

14 Mar 20241 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.

<syncfusion:SfDatePicker DropDownHeight="300" 
	                     x:Name="sfDatePicker"/>
SfDatePicker sfDatePicker = new SfDatePicker();
sfDatePicker.DropDownHeight = 300;

WPF DatePicker DropdownHeight

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.

<syncfusion:SfDatePicker ShowDropDownButton="False" 
	                     x:Name="sfDatePicker"/>
SfDatePicker sfDatePicker = new SfDatePicker();
sfDatePicker.ShowDropDownButton = false;

WPF DatePicker Dropdown Button

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