RadControls for Silverlight

RadTimePicker is control that allows Styling,different Layout support and Header customization.

You can customize the Header using HeaderContent property.

The next example shows how to set TimePicker header text.

CopyXAML
<telerik:RadTimePicker HeaderContent="Some Text" />

 

The next example shows how you can put different controls in the TimePicker header.

CopyXAML
<telerik:RadTimePicker>
 <telerik:RadTimePicker.HeaderContent>
      <StackPanel>
            <TextBlock Text="Select Time" HorizontalAlignment="Center"                         VerticalAlignment="Center" />     
            <Rectangle Fill="Green" Height="10" Width="100"/>
      </StackPanel>
  </telerik:RadTimePicker.HeaderContent>
</telerik:RadTimePicker>

You can also customize Header in code-behind.

CopyC#
Rectangle rectangleHeader = new Rectangle();
    rectangleHeader.Fill = new SolidColorBrush(Colors.Green);
    rectangleHeader.Height = 50;
    rectangleHeader.Width = 50;
    this.timePicker.HeaderContent = rectangleHeader;