Customizing DropDown in WPF TimePicker (SfTimePicker)

18 Nov 20181 minute to read

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

Change DropDown height

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

<Window 
    . . .
    xmlns:syncfusion="http://schemas.syncfusion.com/wpf">
    <syncfusion:SfTimePicker DropDownHeight="300"
                         Name="sfTimePicker"/>
</Window>
using Syncfusion.Windows.Controls.Input;

SfTimePicker sfTimePicker = new SfTimePicker();
sfTimePicker.DropDownHeight = 300;

SfTimePicker with DropDownHeight

Show or hide DropDown button

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

<Window 
    . . .
    xmlns:syncfusion="http://schemas.syncfusion.com/wpf">
    <syncfusion:SfTimePicker ShowDropDownButton="False"
                         Name="sfTimePicker"/>
</Window>
using Syncfusion.Windows.Controls.Input;

SfTimePicker sfTimePicker = new SfTimePicker();
sfTimePicker.ShowDropDownButton = false;

SfTimePicker hides the drop-down button

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