[Solved] Filter box styling issues...

[Alexander Kotchkin]

Problem Description:

The default RadDatePicker Style works a date field when it is stand alone within a User Controls but does not on a date that appears within the filtering control popup of RadGridView. Also other controls such as check boxes and String Editor Controls have no problem with default styling within Filtering Control.

Following are screen shots and code snippets that demonstrate this issue:

Screen shot of date picker control within a user control using the default style (notice the black background of the Calendar View and blue hover border of the date field. Also the Header button catches the blue color background).

 (See attached "screenshot1") 

Screen shot from Filtering Control that pops up on a date field within Grid View (notice that although the Header button gets the blue hover background the Calender background conforms with the Office Black theme and the date field does not have the blue border as in previous screen shot)

 (See attached "screenshot2") 

Code snippet for default Filtering Control and Templates:

 

    <DataTemplate x:Key="SynergyActionTemplate">
        <TextBlock Text="{Binding Converter={StaticResource FilterOperatorConverter}}"/>
    </DataTemplate>
    <DataTemplate x:Key="SynergyLogicalOperatorTemplate">
        <TextBlock Text="{Binding Converter={StaticResource FilterCompositionLogicalOperatorConverter}}"/>
    </DataTemplate>
    <ControlTemplate x:Key="SynergyFilteringControlTemplate" TargetType="telerik:FilteringControl">
        <Border BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" CornerRadius="1" Margin="{TemplateBinding Margin}">
            <Border BorderBrush="{StaticResource SynergyControlInnerBorder}" BorderThickness="1" Background="{TemplateBinding Background}">
                <StackPanel HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" MaxWidth="350" Margin="{TemplateBinding Padding}" MinWidth="200" VerticalAlignment="{TemplateBinding VerticalContentAlignment}">
                    <StackPanel x:Name="PART_DistinctFilter" Visibility="{TemplateBinding DistinctFiltersVisibility}">
                        <CheckBox x:Name="PART_SelectAllCheckBox" IsChecked="{Binding SelectAll, Mode=TwoWay}" Margin="0,2" telerik:LocalizationManager.ResourceKey="GridViewFilterSelectAll" />
                        <ListBox x:Name="PART_DistinctValuesList" ScrollViewer.HorizontalScrollBarVisibility="Auto" ItemsSource="{Binding DistinctValues}" MaxHeight="250" SelectionMode="Multiple">
                            <ListBox.ItemsPanel>
                                <ItemsPanelTemplate>
                                    <VirtualizingStackPanel/>
                                </ItemsPanelTemplate>
                            </ListBox.ItemsPanel>
                            <ListBox.ItemTemplate>
                                <DataTemplate>
                                    <CheckBox Content="{Binding ConvertedValue}" IsChecked="{Binding IsActive, Mode=TwoWay}" VerticalContentAlignment="Center"/>
                                </DataTemplate>
                            </ListBox.ItemTemplate>
                        </ListBox>
                    </StackPanel>
                    <StackPanel Margin="0,2" Visibility="{TemplateBinding FieldFiltersVisibility}">
                        <TextBlock Margin="0,2,0,0" telerik:LocalizationManager.ResourceKey="GridViewFilterShowRowsWithValueThat"/>
                        <telerik:RadComboBox x:Name="PART_Filter1ComboBox" ItemTemplate="{StaticResource SynergyActionTemplate}" ItemsSource="{Binding AvailableActions}" Margin="0,2,0,2" SelectedItem="{Binding Filter1.Operator, Mode=TwoWay}" />
                        <ContentControl
                            x:Name="PART_Filter1ContentControl"
                            DataContext="{Binding Filter1}"
                            HorizontalContentAlignment="Stretch"
                            Margin="0, 2"
                            VerticalContentAlignment="Stretch"
                            Background="{TemplateBinding Background}"
                            Foreground="{TemplateBinding Foreground}"/>
                        <telerik:RadComboBox x:Name="PART_LogicalOperatorsComboBox" ItemTemplate="{StaticResource SynergyLogicalOperatorTemplate}" ItemsSource="{Binding LogicalOperators}" Margin="0,2" SelectedItem="{Binding FieldFilterLogicalOperator, Mode=TwoWay}"/>
                        <telerik:RadComboBox
                            x:Name="PART_Filter2ComboBox"
                            ItemTemplate="{StaticResource SynergyActionTemplate}"
                            ItemsSource="{Binding AvailableActions}"
                            Margin="0,2"
                            SelectedItem="{Binding Filter2.Operator, Mode=TwoWay}"
                            Background="{TemplateBinding Background}"
                            Foreground="{TemplateBinding Foreground}"/>
                        <ContentControl
                            x:Name="PART_Filter2ContentControl"
                            DataContext="{Binding Filter2}"
                            HorizontalContentAlignment="Stretch"
                            Margin="0, 2"
                            VerticalContentAlignment="Stretch"
                            Background="{TemplateBinding Background}"
                            Foreground="{TemplateBinding Foreground}"/>
                    </StackPanel>
                    <Grid>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition/>
                            <ColumnDefinition/>
                        </Grid.ColumnDefinitions>
                        <telerik:RadButton x:Name="PART_ApplyFilterButton" Grid.Column="0" Height="22" Margin="0,2,2,2" telerik:LocalizationManager.ResourceKey="GridViewFilter" />
                        <telerik:RadButton x:Name="PART_ClearFilterButton" Grid.Column="1" Height="22" Margin="2,2,0,2" telerik:LocalizationManager.ResourceKey="GridViewClearFilter"/>
                    </Grid>
                </StackPanel>
            </Border>
        </Border>
    </ControlTemplate>
    <Style TargetType="telerik:FilteringControl">
        <Setter Property="Template" Value="{StaticResource SynergyFilteringControlTemplate}"/>
        <Setter Property="Background" Value="{StaticResource SynergyGridView_FilteringControlBackground}"/>
        <Setter Property="BorderBrush" Value="{StaticResource SynergyOuterBorder}"/>
        <Setter Property="Padding" Value="5"/>
        <Setter Property="Margin" Value="0,2,0,0"/>
        <Setter Property="BorderThickness" Value="1"/>
        <Setter Property="VerticalContentAlignment" Value="Stretch"/>
        <Setter Property="HorizontalContentAlignment" Value="Stretch"/>
        <Setter Property="Foreground" Value="{StaticResource SynergyControlForeground}"/>
    </Style>

Date Picker  Style and Templates:
<DataTemplate x:Key="SynergyWatermarkTemplate">
        <Grid Margin="1,0" VerticalAlignment="Center">
            <TextBlock Opacity="0.5" Text="{Binding}"/>
        </Grid>
    </DataTemplate>
    <Style x:Key="SynergyCalendarViewStyle" TargetType="Telerik_Windows_Controls_Calendar:CalendarView">
        <Setter Property="HorizontalContentAlignment" Value="Center"/>
        <Setter Property="VerticalContentAlignment" Value="Center"/>
        <Setter Property="BorderBrush" Value="{StaticResource SynergyOuterBorder}"/>
        <Setter Property="Background" Value="{StaticResource SynergyControlBackground}"/>
        <Setter Property="BorderThickness" Value="{StaticResource CalendarViewBorderThickness}"/>
        <Setter Property="Padding" Value="{StaticResource CalendarViewHeaderPadding}"/>
        <Setter Property="IsTabStop" Value="False"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="Telerik_Windows_Controls_Calendar:CalendarView">
                    <Grid Margin="{StaticResource CalendarViewMargin}">
                        <Grid.RowDefinitions>
                            <RowDefinition Height="Auto"/>
                            <RowDefinition Height="*"/>
                        </Grid.RowDefinitions>
                        <VisualStateManager.VisualStateGroups>
                            <VisualStateGroup x:Name="FocusStates">
                                <VisualState x:Name="Unfocused"/>
                                <VisualState x:Name="Focused">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Foreground" Storyboard.TargetName="Content">
                                            <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource Synergy_Hover_Foreground}"/>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </VisualState>
                            </VisualStateGroup>
                            <VisualStateGroup x:Name="CommonStates">
                                <VisualState x:Name="Normal"/>
                                <VisualState x:Name="Disabled"/>
                            </VisualStateGroup>
                        </VisualStateManager.VisualStateGroups>
                        <Border
                            x:Name="BackgroundVisual"
                            Background="{TemplateBinding Background}"
                            Grid.RowSpan="2"/>
                        <Border x:Name="Header"
                            BorderBrush="{StaticResource SynergyCalendarSubHeaderOuterBorder}"
                            BorderThickness="{TemplateBinding BorderThickness}"
                            Background="{StaticResource SynergyCalendarSubHeaderBackground}"
                            Margin="{StaticResource CalendarViewHeaderMargin}"
                            Visibility="{TemplateBinding HeaderVisibility}">
                            <Border
                                BorderBrush="{StaticResource SynergyBlack}"
                                BorderThickness="{TemplateBinding BorderThickness}">
                                <ContentControl
                                    x:Name="Content"
                                    ContentTemplate="{TemplateBinding HeaderTemplate}"
                                    Content="{TemplateBinding Header}"
                                    HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                    Margin="{TemplateBinding Padding}"
                                    VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                                    Foreground="{TemplateBinding Foreground}"/>
                            </Border>
                        </Border>
                        <ItemsPresenter
                            Margin="{StaticResource CalendarItemsMargin}"
                            Grid.Row="1"/>
                        <Border x:Name="BorderBrush"
                            BorderBrush="{TemplateBinding BorderBrush}"
                            BorderThickness="{TemplateBinding BorderThickness}"
                            Grid.RowSpan="2"/>
                        <Rectangle x:Name="MinDesiredSize" Height="155"
                            Grid.Row="1" Width="240"/>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
        <Setter Property="Margin" Value="0"/>
        <Setter Property="Foreground" Value="{StaticResource SynergyControlForeground}"/>
    </Style>
    <Style x:Key="SynergyRadClockDefaultStyleKey" TargetType="telerik:RadClock">
        <Setter Property="Header" Value="Clock"/>
        <Setter Property="HorizontalContentAlignment" Value="Center"/>
        <Setter Property="VerticalContentAlignment" Value="Center"/>
        <Setter Property="BorderBrush" Value="{StaticResource SynergyOuterBorder}"/>
        <Setter Property="Background" Value="{StaticResource SynergyControlBackground}"/>
        <Setter Property="BorderThickness" Value="1"/>
        <Setter Property="Padding" Value="{StaticResource CalendarHeaderPadding}"/>
        <Setter Property="IsTabStop" Value="False"/>
        <Setter Property="StartTime" Value="0:0:0"/>
        <Setter Property="EndTime" Value="23:59:0"/>
        <Setter Property="TimeInterval" Value="1:0:0"/>
        <Setter Property="ItemsPanel">
            <Setter.Value>
                <ItemsPanelTemplate>
                    <telerik:RadUniformGrid x:Name="uniformGrid" Columns="4"/>
                </ItemsPanelTemplate>
            </Setter.Value>
        </Setter>
        <Setter Property="ItemTemplate">
            <Setter.Value>
                <DataTemplate>
                    <TextBlock x:Name="ContentText" HorizontalAlignment="Center" TextAlignment="Center" Text="{Binding}" VerticalAlignment="Center"/>
                </DataTemplate>
            </Setter.Value>
        </Setter>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="telerik:RadClock">
                    <Grid>
                        <Grid.RowDefinitions>
                            <RowDefinition Height="Auto"/>
                            <RowDefinition Height="*"/>
                        </Grid.RowDefinitions>
                        <Border x:Name="BackgroundVisual" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" CornerRadius="{StaticResource ClockOuterBorderCornerRadius}" Grid.RowSpan="2">
                            <Border BorderBrush="{StaticResource SynergyBlack}" BorderThickness="{TemplateBinding BorderThickness}" CornerRadius="{StaticResource ClockInnerBorderCornerRadius}"/>
                        </Border>
                        <Border x:Name="Header" BorderBrush="{StaticResource SynergyWhite}" BorderThickness="{StaticResource CalendarHeaderBorderThickness}" Background="{StaticResource SynergyHeaderBackground}" CornerRadius="{StaticResource CalendarHeaderOuterCornerRadius}" MinHeight="32">
                            <Border BorderBrush="{StaticResource SynergyHeaderInnerBorder}" BorderThickness="{StaticResource CalendarHeaderBorderThickness}" CornerRadius="{StaticResource CalendarHeaderInnerCornerRadius}" Padding="{TemplateBinding Padding}">
                                <ContentControl ContentTemplate="{TemplateBinding HeaderTemplate}" Content="{TemplateBinding Header}" Foreground="{StaticResource SynergyControlForeground}" FontWeight="{StaticResource HeaderTextFontWeight}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" IsTabStop="False" Margin="{TemplateBinding Padding}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
                            </Border>
                        </Border>
                        <ItemsPresenter Margin="{StaticResource ClockItemsMargin}" Grid.Row="1"/>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
    <DataTemplate x:Key="SynergyTooltipTemplate">
        <Border BorderBrush="{StaticResource SynergyOuterBorder}" BorderThickness="{StaticResource Tooltip_OuterBorderThickness}" Background="{StaticResource SynergyTooltipBackground}" CornerRadius="2" Margin="0 2">
            <Border BorderBrush="{StaticResource SynergyTransparent}" BorderThickness="{StaticResource Tooltip_OuterBorderThickness}" CornerRadius="1">
                <ContentControl Content="{Binding}" Foreground="{StaticResource SynergyControlForeground}" Margin="5 2"/>
            </Border>
        </Border>
    </DataTemplate>
    <ControlTemplate x:Key="SynergyCalendarIcon" TargetType="ContentControl">
        <Grid>
            <Path x:Name="CalendarIconBackground"
              Data="M0,0.5 L7,0.5 M0,2.5 L7,2.5 M0,4.5 L7,4.5 M0,6.5 L7,6.5 M0.5,0 L0.5,7 M2.5,0 L2.5,7 M4.5,0 L4.5,7 M6.5,0 L6.5,7"
              Height="7" Margin="0 1 0 0"
              Stroke="{TemplateBinding Background}"
              Width="7"/>
            <Path x:Name="CalendarIconForeground"
              Data="M0,0.5 L7,0.5 M0,2.5 L7,2.5 M0,4.5 L7,4.5 M0,6.5 L7,6.5 M0.5,0 L0.5,7 M2.5,0 L2.5,7 M4.5,0 L4.5,7 M6.5,0 L6.5,7"
              Height="7"
              Margin="0 0 0 1"
              Stroke="{TemplateBinding Foreground}"
              Width="7"/>
        </Grid>
    </ControlTemplate>
    <Style x:Key="SynergyRadCalendarDefaultStyleKey" TargetType="telerik:RadCalendar">
        <Setter Property="Columns" Value="1"/>
        <Setter Property="Rows" Value="1"/>
        <Setter Property="Foreground" Value="{StaticResource SynergyControlForeground}"/>
        <Setter Property="MonthViewStyle" Value="{StaticResource SynergyCalendarViewStyle}" />
        <Setter Property="YearViewStyle" Value="{StaticResource SynergyCalendarViewStyle}"/>
        <Setter Property="DecadeViewStyle" Value="{StaticResource SynergyCalendarViewStyle}"/>
        <Setter Property="CenturyViewStyle" Value="{StaticResource SynergyCalendarViewStyle}"/>
        <Setter Property="DayButtonStyle" Value="{StaticResource SynergyCalendarButtonStyle}"/>
        <Setter Property="MonthButtonStyle" Value="{StaticResource SynergyCalendarButtonStyle}"/>
        <Setter Property="YearButtonStyle" Value="{StaticResource SynergyCalendarButtonStyle}"/>
        <Setter Property="DecadeButtonStyle" Value="{StaticResource SynergyCalendarButtonStyle}"/>
        <Setter Property="Background" Value="{StaticResource SynergyControlBackground}"/>
        <Setter Property="BorderBrush" Value="{StaticResource SynergyOuterBorder}"/>
        <Setter Property="BorderThickness" Value="1"/>
        <Setter Property="Padding" Value="{StaticResource CalendarHeaderPadding}"/>
        <Setter Property="ViewsHeaderVisibility" Value="Collapsed"/>
        <Setter Property="IsTabStop" Value="False"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="telerik:RadCalendar">
                    <Grid>
                        <Grid.RowDefinitions>
                            <RowDefinition Height="Auto"/>
                            <RowDefinition Height="*"/>
                        </Grid.RowDefinitions>
                        <VisualStateManager.VisualStateGroups>
                            <VisualStateGroup x:Name="CommonStates">
                                <VisualState x:Name="Disabled"/>
                                <VisualState x:Name="Normal"/>
                            </VisualStateGroup>
                        </VisualStateManager.VisualStateGroups>
                        <Border x:Name="Background" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" Grid.RowSpan="2"/>
                        <Telerik_Windows_Controls_Calendar:TransitionPanel x:Name="TransitionPanel" ClipToBounds="True" Margin="{StaticResource CalendarTransitionPanelMargin}" Grid.Row="1">
                            <telerik:RadUniformGrid x:Name="MonthViews" Columns="{TemplateBinding Columns}" Margin="1 1 0 0" Rows="{TemplateBinding Rows}"/>
                            <telerik:RadUniformGrid x:Name="YearViews" Columns="{TemplateBinding Columns}" Margin="1 1 0 0" Rows="{TemplateBinding Rows}" Visibility="Collapsed"/>
                            <telerik:RadUniformGrid x:Name="DecadeViews" Columns="{TemplateBinding Columns}" Margin="1 1 0 0" Rows="{TemplateBinding Rows}" Visibility="Collapsed"/>
                            <telerik:RadUniformGrid x:Name="CenturyViews" Columns="{TemplateBinding Columns}" Margin="1 1 0 0" Rows="{TemplateBinding Rows}" Visibility="Collapsed"/>
                        </Telerik_Windows_Controls_Calendar:TransitionPanel>
                        <Border x:Name="OuterBorder" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" CornerRadius="{StaticResource CalendarOuterBorderCornerRadius}" Grid.RowSpan="2">
                            <Border x:Name="InnerBorder" BorderBrush="{StaticResource SynergyTransparent}" BorderThickness="1" CornerRadius="{StaticResource CalendarInnerBorderCornerRadius}"/>
                        </Border>
                        <Border x:Name="Navigation" BorderBrush="{StaticResource SynergyWhite}" BorderThickness="{StaticResource CalendarHeaderBorderThickness}" Background="{StaticResource SynergyHeaderBackground}" CornerRadius="{StaticResource CalendarHeaderOuterCornerRadius}" Margin="0 0 0 -1" Visibility="{TemplateBinding HeaderVisibility}" Canvas.ZIndex="2">
                            <Border BorderBrush="{StaticResource SynergyHeaderInnerBorder}" BorderThickness="{StaticResource CalendarHeaderBorderThickness}" CornerRadius="{StaticResource CalendarHeaderInnerCornerRadius}" Padding="{TemplateBinding Padding}">
                                <Grid>
                                    <Grid.ColumnDefinitions>
                                        <ColumnDefinition Width="Auto"/>
                                        <ColumnDefinition Width="*"/>
                                        <ColumnDefinition Width="Auto"/>
                                    </Grid.ColumnDefinitions>
                                    <RepeatButton x:Name="MoveLeft" Grid.Column="0" Style="{StaticResource SynergyMoveLeftButtonStyle}"/>
                                    <Button x:Name="Header" Grid.Column="1" Style="{StaticResource SynergyCalendarHeaderButton}"/>
                                    <RepeatButton x:Name="MoveRight" Grid.Column="2" Style="{StaticResource SynergyMoveRightButtonStyle}"/>
                                </Grid>
                            </Border>
                        </Border>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
        <Setter Property="MonthViewPanel">
            <Setter.Value>
                <ItemsPanelTemplate>
                    <Telerik_Windows_Controls_Calendar:CalendarPanel Columns="8" FirstColumn="1" PreserveSpaceForCollapsedChildren="True" Rows="7" VerticalAlignment="Stretch"/>
                </ItemsPanelTemplate>
            </Setter.Value>
        </Setter>
        <Setter Property="YearViewPanel">
            <Setter.Value>
                <ItemsPanelTemplate>
                    <Telerik_Windows_Controls_Calendar:CalendarPanel Columns="4" PreserveSpaceForCollapsedChildren="True" Rows="3" VerticalAlignment="Stretch"/>
                </ItemsPanelTemplate>
            </Setter.Value>
        </Setter>
        <Setter Property="DecadeViewPanel">
            <Setter.Value>
                <ItemsPanelTemplate>
                    <Telerik_Windows_Controls_Calendar:CalendarPanel Columns="4" PreserveSpaceForCollapsedChildren="True" Rows="3" VerticalAlignment="Stretch"/>
                </ItemsPanelTemplate>
            </Setter.Value>
        </Setter>
        <Setter Property="CenturyViewPanel">
            <Setter.Value>
                <ItemsPanelTemplate>
                    <Telerik_Windows_Controls_Calendar:CalendarPanel Columns="4" PreserveSpaceForCollapsedChildren="True" Rows="3" VerticalAlignment="Stretch"/>
                </ItemsPanelTemplate>
            </Setter.Value>
        </Setter>
    </Style>
    <Style  TargetType="telerik:RadDatePicker">
        <Setter Property="TabNavigation" Value="Once"/>
        <Setter Property="CalendarStyle" Value="{StaticResource SynergyRadCalendarDefaultStyleKey}"/>
        <Setter Property="ClockStyle" Value="{StaticResource SynergyRadClockDefaultStyleKey}"/>
        <Setter Property="TooltipTemplate" Value="{StaticResource SynergyTooltipTemplate}"/>
        <Setter Property="Background" Value="{StaticResource SynergyControlBackground}"/>
        <Setter Property="Foreground" Value="{StaticResource SynergyControlForeground}"/>
        <Setter Property="BorderBrush" Value="{StaticResource SynergyOuterBorder}"/>
        <Setter Property="BorderThickness" Value="1"/>
        <Setter Property="FontStyle" Value="Normal"/>
        <Setter Property="FontWeight" Value="Normal"/>
        <Setter Property="MinHeight" Value="22"/>
        <Setter Property="Padding" Value="4 2"/>
        <Setter Property="VerticalContentAlignment" Value="Center"/>
        <Setter Property="HorizontalContentAlignment" Value="Stretch"/>
        <Setter Property="BorderThickness" Value="1"/>
        <Setter Property="DateTimeWatermarkTemplate" Value="{StaticResource SynergyWatermarkTemplate}"/>
        <Setter Property="IsTabStop" Value="False"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="telerik:RadDatePicker">
                    <Grid>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition/>
                            <ColumnDefinition Width="auto"/>
                        </Grid.ColumnDefinitions>
                        <VisualStateManager.VisualStateGroups>
                            <VisualStateGroup x:Name="CommonStates">
                                <VisualState x:Name="Normal">
                                    <Storyboard>
                                        <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="Opacity" Storyboard.TargetName="MouseOverVisual">
                                            <LinearDoubleKeyFrame KeyTime="0:0:0.150" Value="0"/>
                                        </DoubleAnimationUsingKeyFrames>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility" Storyboard.TargetName="MouseOverVisual">
                                            <DiscreteObjectKeyFrame KeyTime="0:0:0.150">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Collapsed</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </VisualState>
                                <VisualState x:Name="MouseOver">
                                    <Storyboard>
                                        <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="Opacity" Storyboard.TargetName="MouseOverVisual">
                                            <LinearDoubleKeyFrame KeyTime="0:0:0.115" Value="1"/>
                                        </DoubleAnimationUsingKeyFrames>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility" Storyboard.TargetName="MouseOverVisual">
                                            <DiscreteObjectKeyFrame KeyTime="0:0:0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="RenderActive" Storyboard.TargetName="ButtonChrome">
                                            <DiscreteObjectKeyFrame KeyTime="0:0:0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <System:Boolean>True</System:Boolean>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Foreground" Storyboard.TargetName="DropDownIcon">
                                            <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource Synergy_Hover_Foreground}"/>
                                        </ObjectAnimationUsingKeyFrames>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Background" Storyboard.TargetName="DropDownIcon">
                                            <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource SynergyButtonIconBackground_Hover}"/>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </VisualState>
                                <VisualState x:Name="Disabled">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="BorderBrush" Storyboard.TargetName="BackgroundVisual">
                                            <DiscreteObjectKeyFrame KeyTime="0:0:0" Value="{StaticResource SynergyControlOuterBorder_Disabled}"/>
                                        </ObjectAnimationUsingKeyFrames>
                                        <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="Opacity" Storyboard.TargetName="MouseOverVisual">
                                            <LinearDoubleKeyFrame KeyTime="0:0:0.050" Value="0"/>
                                        </DoubleAnimationUsingKeyFrames>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility" Storyboard.TargetName="MouseOverVisual">
                                            <DiscreteObjectKeyFrame KeyTime="0:0:0.050">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Collapsed</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Foreground" Storyboard.TargetName="PART_DateTimeInput">
                                            <DiscreteObjectKeyFrame KeyTime="0:0:0" Value="{StaticResource SynergyControlElement_Disabled}"/>
                                        </ObjectAnimationUsingKeyFrames>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Foreground" Storyboard.TargetName="DropDownIcon">
                                            <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource SynergyButtonIconForeground_Disabled}"/>
                                        </ObjectAnimationUsingKeyFrames>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Background" Storyboard.TargetName="DropDownIcon">
                                            <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource SynergyButtonIconBackground_Hover}"/>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </VisualState>
                            </VisualStateGroup>
                            <VisualStateGroup x:Name="FocusStates">
                                <VisualState x:Name="Focused">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="RenderFocused" Storyboard.TargetName="ButtonChrome">
                                            <DiscreteObjectKeyFrame KeyTime="0:0:0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <System:Boolean>True</System:Boolean>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility" Storyboard.TargetName="FocusVisual">
                                            <DiscreteObjectKeyFrame KeyTime="0:0:0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </VisualState>
                                <VisualState x:Name="Unfocused"/>
                            </VisualStateGroup>
                            <VisualStateGroup x:Name="InputTypeStates">
                                <VisualState x:Name="DateTimePicker"/>
                                <VisualState x:Name="DatePicker">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility" Storyboard.TargetName="PART_Clock">
                                            <DiscreteObjectKeyFrame KeyTime="0" Value="Collapsed"/>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </VisualState>
                                <VisualState x:Name="TimePicker">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility" Storyboard.TargetName="PART_Calendar">
                                            <DiscreteObjectKeyFrame KeyTime="0" Value="Collapsed"/>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </VisualState>
                            </VisualStateGroup>
                            <VisualStateGroup x:Name="ValidationStates">
                                <VisualState x:Name="Valid"/>
                                <VisualState x:Name="InvalidUnfocused">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility" Storyboard.TargetName="ValidationTooltip">
                                            <DiscreteObjectKeyFrame KeyTime="0" Value="Visible"/>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </VisualState>
                                <VisualState x:Name="InvalidFocused">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility" Storyboard.TargetName="ValidationTooltip">
                                            <DiscreteObjectKeyFrame KeyTime="0" Value="Visible"/>
                                        </ObjectAnimationUsingKeyFrames>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="IsOpen" Storyboard.TargetName="ValidationTooltip">
                                            <DiscreteObjectKeyFrame KeyTime="0:0:0.1">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <System:Boolean>True</System:Boolean>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </VisualState>
                            </VisualStateGroup>
                        </VisualStateManager.VisualStateGroups>
                        <Border x:Name="BackgroundVisual" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" Grid.ColumnSpan="2" CornerRadius="{StaticResource SplitButton_SpanCornerRadius}"/>
                        <Border x:Name="MouseOverVisual" BorderBrush="{StaticResource SynergyControlBackground_MouseOver}" BorderThickness="{TemplateBinding BorderThickness}" Grid.ColumnSpan="2" CornerRadius="{StaticResource SplitButton_SpanCornerRadius}" IsHitTestVisible="False" Opacity="0" Visibility="Collapsed"/>
                        <telerik:RadWatermarkTextBox
                          x:Name="PART_DateTimeInput"
                          BorderBrush="{x:Null}" BorderThickness="0"
                          Background="{x:Null}" Grid.Column="0"
                          CurrentText="{Binding CurrentDateTimeText, Mode=TwoWay, RelativeSource={RelativeSource TemplatedParent}}"
                          HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}"
                          IsReadOnly="{TemplateBinding IsReadOnly}"
                          Margin="{TemplateBinding BorderThickness}" MinHeight="0"
                          Padding="{TemplateBinding Padding}"
                          SelectionOnFocus="SelectAll"
                          TextAlignment="{TemplateBinding TextAlignment}"
                          Text="{Binding DateTimeText, Mode=TwoWay, RelativeSource={RelativeSource TemplatedParent}}"
                          TabIndex="0" VerticalAlignment="Stretch"
                          VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}"
                          WatermarkTemplate="{TemplateBinding DateTimeWatermarkTemplate}"
                          WatermarkContent="{TemplateBinding DateTimeWatermarkContent}"/>
                        <Border x:Name="FocusVisual"
                         BorderBrush="{StaticResource Synergy_Page_Checked_Header}"
                         BorderThickness="{TemplateBinding BorderThickness}"
                         Grid.ColumnSpan="2"
                         CornerRadius="{StaticResource SplitButton_SpanCornerRadius}"
                         IsHitTestVisible="False" Visibility="Collapsed">
                            <Border BorderBrush="#00000000"
                              BorderThickness="{TemplateBinding BorderThickness}"
                              CornerRadius="{StaticResource SplitButton_SpanInnerCornerRadius}"/>
                        </Border>
                        <telerik:RadDropDownButton
                          x:Name="PART_DropDownButton" CloseOnEnter="True"
                          Grid.Column="1" DropDownIndicatorVisibility="Collapsed"
                          telerik:DateTimePickerExtensions.FocusContentOnOpen="True"
                          HorizontalAlignment="Stretch" HorizontalContentAlignment="Stretch"
                          IsTabStop="False"
                          IsOpen="{Binding IsDropDownOpen, Mode=TwoWay, RelativeSource={RelativeSource TemplatedParent}}"
                          Margin="-1 0 0 0" Padding="0"
                          PopupPlacementTarget="{Binding ElementName=PART_DateTimeInput}"
                          TabIndex="1" VerticalAlignment="Stretch"
                          VerticalContentAlignment="Stretch">
                            <telerik:RadDropDownButton.DropDownContent>
                                <Grid>
                                    <Grid.ColumnDefinitions>
                                        <ColumnDefinition Width="*"/>
                                        <ColumnDefinition Width="*"/>
                                    </Grid.ColumnDefinitions>
                                    <telerik:RadCalendar x:Name="PART_Calendar"
                                        Culture="{TemplateBinding Culture}" Grid.Column="0"
                                        DisplayDateEnd="{TemplateBinding DisplayDateEnd}"
                                        DateSelectionMode="{TemplateBinding DateSelectionMode}"
                                        DisplayDateStart="{TemplateBinding DisplayDateStart}"
                                        DisplayDate="{Binding DisplayDate, Mode=TwoWay, RelativeSource={RelativeSource TemplatedParent}}"
                                        IsReadOnly="{TemplateBinding IsReadOnly}"
                                        Style="{TemplateBinding CalendarStyle}"
                                        SelectableDateEnd="{TemplateBinding SelectableDateEnd}" SelectionMode="Single"
                                        SelectedDate="{Binding SelectedDate, Mode=TwoWay, RelativeSource={RelativeSource TemplatedParent}}"
                                        SelectableDateStart="{TemplateBinding SelectableDateStart}"/>
                                    <telerik:DateTimePickerClock
                                        x:Name="PART_Clock"
                                        Culture="{TemplateBinding Culture}" Grid.Column="1"
                                        EndTime="{TemplateBinding EndTime}"
                                        IsReadOnly="{TemplateBinding IsReadOnly}"
                                        ItemsSource="{TemplateBinding ClockItemsSource}"
                                        Style="{TemplateBinding ClockStyle}"
                                        SelectedTime="{Binding SelectedTime, Mode=TwoWay, RelativeSource={RelativeSource TemplatedParent}}"
                                        StartTime="{TemplateBinding StartTime}"
                                        TimeInterval="{TemplateBinding TimeInterval}"/>
                                </Grid>
                            </telerik:RadDropDownButton.DropDownContent>
                            <telerik:RadDropDownButton.Template>
                                <ControlTemplate TargetType="telerik:RadDropDownButton">
                                    <Grid>
                                        <ContentPresenter
                                         HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                         Margin="{TemplateBinding Padding}"
                                         VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
                                        <Popup x:Name="DropDownPopup">
                                            <ContentPresenter x:Name="DropDownPopupContent"
                                              ContentTemplate="{TemplateBinding DropDownContentTemplate}"
                                              Content="{TemplateBinding DropDownContent}"
                                              DataContext="{Binding DataContext, RelativeSource={RelativeSource TemplatedParent}}"/>
                                        </Popup>
                                    </Grid>
                                </ControlTemplate>
                            </telerik:RadDropDownButton.Template>
                            <Grid>
                                <Telerik_Windows_Controls_Chromes:ButtonChrome
                                   x:Name="ButtonChrome" BorderBrush="{TemplateBinding BorderBrush}"
                                   BorderThickness="{TemplateBinding BorderThickness}"
                                   CornerRadius="{StaticResource SplitButton_RightPartCornerRadius}"
                                   RenderMouseOver="{Binding IsMouseOver, ElementName=PART_DropDownButton}"
                                   RenderEnabled="{TemplateBinding IsEnabled}"
                                   />
                                <ContentControl x:Name="DropDownIcon"
                                   Background="{StaticResource SynergyButtonIconBackground_Normal}"
                                   Foreground="{StaticResource SynergyPathFillLight}"
                                   IsTabStop="False" Margin="4 0"
                                   Template="{StaticResource SynergyCalendarIcon}"/>
                            </Grid>
                        </telerik:RadDropDownButton>
                        <Telerik_Windows_Controls_Chromes:ValidationTooltip
                          x:Name="ValidationTooltip" Grid.ColumnSpan="2"
                          TooltipPlacementTarget="{Binding RelativeSource={RelativeSource TemplatedParent}}"
                          TooltipContent="{Binding (Validation.Errors), RelativeSource={RelativeSource TemplatedParent}}"
                          Visibility="Collapsed"/>
                        <Popup x:Name="PART_InputPopup"
                          telerik:PopupExtensions.IsOpen="{Binding IsTooltipOpen, Mode=TwoWay, RelativeSource={RelativeSource TemplatedParent}}"
                          telerik:PopupExtensions.Owner="{Binding RelativeSource={RelativeSource TemplatedParent}}"
                          telerik:PopupExtensions.Placement="Top"
                          telerik:PopupExtensions.PlacementTarget="{Binding ElementName=PART_DateTimeInput}">
                            <ContentPresenter ContentTemplate="{TemplateBinding TooltipTemplate}" Content="{TemplateBinding TooltipContent}"/>
                        </Popup>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

 

[Pana]

Hi Jesus Janne,

The control in the filter is RadDateTimePicker. You have style for RadDatePicker.

Kind regards,
Pana
the Telerik team