Empty Content

The empty content of DateRangePicker is displayed when no dates are selected and the control is not focused.

By default there is nothing displayed in the empty content area. To change this, set the EmptyContent property of RadDateRangePicker.

Setting the empty content

<telerik:RadDateRangePicker EmptyContent="Select dates range" /> 

To customize the empty content further, you can use a visual element in the EmptyContent or define a DataTemplate and assign it to the EmptyContentTemplate property. The data context passed to the EmptyContentTemplate is the value of the EmptyContent property.

Setting visual element in the empty content

<telerik:RadDateRangePicker> 
    <telerik:RadDateRangePicker.EmptyContent> 
        <TextBlock Text="Select dates range" Foreground="#F5CC84" FontStyle="Normal"/> 
    </telerik:RadDateRangePicker.EmptyContent> 
</telerik:RadDateRangePicker> 

Setting the empty content template

<telerik:RadDateRangePicker> 
    <telerik:RadDateRangePicker.EmptyContentTemplate> 
        <DataTemplate> 
            <TextBlock Text="Select dates range" Foreground="#F5CC84" FontStyle="Normal"/> 
        </DataTemplate> 
    </telerik:RadDateRangePicker.EmptyContentTemplate> 
</telerik:RadDateRangePicker> 

See Also

• Getting Started
• Events