Telerik UI for Windows Phone by Progress

The RadDatePicker control supports null value, i.e. you can set its Value property to null. In this case the control will be in a state in which no value is selected and the value of the EmptyContent property will be displayed in the visible part of the control instead. By default, the EmptyContentproperty holds a string 'Select date'. Here is an example of the scenario:

CopyC#
this.radDatePicker.Value = null;

Here is how the control looks like when its Value property is set to null:

Date Picker-Null Values-01

Defining custom Empty Content Template

RadDatePickerallows for defining a custom data template for the content displayed when there is no selected value in the control. To set a custom template you should use the EmptyContentTemplate property. The following XAML code snippet demonstrates this functionality:

CopyXAML
<telerikInput:RadDatePicker x:Name="radDatePicker" VerticalAlignment="Top">
    <telerikInput:RadDatePicker.EmptyContentTemplate>
        <DataTemplate>
            <Grid>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="Auto" />
                    <ColumnDefinition />
                </Grid.ColumnDefinitions>
                <Image Stretch="None" Source="DatePickerEmptyContent.png" Grid.Column="0" />
                <TextBlock Text="Select date" Grid.Column="1" Margin="10, 0, 0, 0" />
            </Grid>
        </DataTemplate>
    </telerikInput:RadDatePicker.EmptyContentTemplate>
</telerikInput:RadDatePicker>

This is how the control looks like in this case:

Date Picker-Null Values-02