How to customize the header of SfTimeSelector?
The header of SfTimePicker can be customized by HeaderTemplate using the SelectorStyle of SfTimeSelector. The same has been demonstrated in the following code example:
XAML:
<Window x:Class="WpfApplication6.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:syncfusion="http://schemas.syncfusion.com/wpf"
Title="MainWindow" Height="350" Width="525" Background="Black">
<Grid x:Name="Grid1">
<syncfusion:SfTimePicker VerticalAlignment="Center" Width="200" HorizontalAlignment="Center">
<syncfusion:SfTimePicker.SelectorStyle>
<Style TargetType="{x:Type syncfusion:SfTimeSelector}">
<Setter Property="HeaderTemplate">
<Setter.Value>
<DataTemplate>
<TextBlock Text="Set the Time" Margin="10"/>
</DataTemplate>
</Setter.Value>
</Setter>
</Style>
</syncfusion:SfTimePicker.SelectorStyle>
</syncfusion:SfTimePicker>
</Grid>
</Window>
Output:
