Customizing DropDown in UWP TimePicker (SfTimePicker)

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

<Page
   ...
   xmlns:input="using:Syncfusion.UI.Xaml.Controls.Input">

    <syncfusion:SfTimePicker x:Name="timePicker" HorizontalAlignment="Center" VerticalAlignment="Center"  Width="200" Margin="15" DropDownHeight="300" />

</Page>
using Syncfusion.UI.Xaml.Controls.Input;

timePicker.DropDownHeight = 300;
Imports Syncfusion.UI.Xaml.Controls.Input;

timePicker.DropDownHeight = 300

Customizing-DropDown_img2

IsDropDownOpen

The drop-down can be programmatically opened or closed using the IsDropDownOpen property.

ShowDropDownButton

The DropDownButton visibility can be changed by using the ShowDropDownButton property.

<Page
   ...
   xmlns:input="using:Syncfusion.UI.Xaml.Controls.Input">

    <syncfusion:SfTimePicker x:Name="timePicker" VerticalAlignment="Center"  Width="200" Margin="15" ShowDropDownButton="true"/>

</Page>
using Syncfusion.UI.Xaml.Controls.Input;

 timePicker.ShowDropDownButton = true;
Imports Syncfusion.UI.Xaml.Controls.Input;

 timePicker.ShowDropDownButton = True

Customizing-DropDown_img3