Category / Section
How to customize the size of the SfDatePicker in GridDateTimeColumn ?
1 min read
SfDatePicker control is loaded as a UIElement in edit mode for the GridDateTimeColumn. You can customize the size of the SfDatePicker control by using the GridDateTimeColumn.DropDownHeight and Width properties as follows.
XAML
<Page.Resources> <!--Customizing the style of SfDatePicker--> <Style TargetType="Syncfusion:SfDatePicker"> <Setter Property="Width" Value="300" /> </Style> </Page.Resources> <!--DropDownHeight is adjusted here--> <syncfusion:GridDateTimeColumn DropDownHeight="200" HeaderText="Order Date" MappingName="OrderDate" />
Refer to the following screenshot of the SfDatePicker.
Figure 1:Customized appearance of the SfDatePicker control
Sample Links: