DropDownDatePicker background when disabled

I use it this way

with this style:

   <Style TargetType="{x:Type local:DropDownDatePicker}">
        <Style.Resources>
            <DataTemplate x:Key="HeaderTemplate">
                <local:DateTimePicker Value="{Binding Value, UpdateSourceTrigger=PropertyChanged, Mode=TwoWay}"
                              BorderThickness="0"
                              Culture="{Binding Culture}"
                              Format="{Binding Format}" CustomFormat="{Binding CustomFormat}" />
            </DataTemplate>
            <DataTemplate x:Key="DropDownTemplate">
                <local:MonthCalendar SelectedDate="{Binding Value, UpdateSourceTrigger=PropertyChanged, Mode=TwoWay}"
                             Culture="{Binding Culture}"
                             Background="{DynamicResource WindowBackgroundBrush}"
                             Foreground="{Binding Foreground}" BorderThickness="0" />
            </DataTemplate>
        </Style.Resources>
        <Setter Property="BorderThickness" Value="1" />
        <Setter Property="BorderBrush" Value="{StaticResource {x:Static local:FilteringTextBoxBase.BorderBrushKey}}" />
        <Setter Property="Background" Value="{DynamicResource {x:Static SystemColors.WindowBrushKey}}" />
        <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.WindowTextBrushKey}}" />
        <Setter Property="SnapsToDevicePixels" Value="True" />
        <Setter Property="Foreground" Value="{DynamicResource WhiteGUIFont}" />
        <Setter Property="FontFamily" Value="{StaticResource GUIFontFamily}" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type local:DropDownDatePicker}">
                    <Border Background="{DynamicResource WindowBackgroundBrush}"
                  BorderBrush="{StaticResource SolidBorderBrush}"
                  BorderThickness="{TemplateBinding BorderThickness}"
                  SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}">
                        <local:DropDownEditBox Background="{DynamicResource WindowBackgroundBrush}" 
                                   Content="{Binding RelativeSource={RelativeSource AncestorType={x:Type local:DropDownDatePicker}}}"
                                   HeaderTemplate="{StaticResource HeaderTemplate}"
                                   DropDownTemplate="{StaticResource DropDownTemplate}" />
                    </Border>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsEnabled" Value="False">
                            <Setter Property="Background" Value="{DynamicResource WindowBackgroundBrush}" />
                            <Setter Property="Foreground" Value="{StaticResource DisabledForegroundBrush}"/>
                            <Setter Property="BorderBrush" Value="{StaticResource SolidBorderBrush}" />
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
        <!--The style of the disabled -->
    </Style>

when the control is disabled the background of the date numbers is still white and not grey as it should,

how can I fix the style?

We use WpfElements version 1, obviously of 13. June 2012

Regards

Hello

This issue will be caused within the DateTimePicker style. Try adding this style here to your resource dictionary:

  <Style x:Key="SpinTextBox" TargetType="ComboBox">
    <Setter Property="IsEditable" Value="True" />
    <Setter Property="Template">
      <Setter.Value>
        <ControlTemplate TargetType="ComboBox">
          <TextBox Name="PART_EditableTextBox" BorderThickness="0" Background="{TemplateBinding Background}"
                   Foreground="{TemplateBinding Foreground}" Padding="0,2,0,2" />
        </ControlTemplate>
      </Setter.Value>
    </Setter>
  </Style>

  <DataTemplate x:Key="NumericElementTemplate">
    <local:SpinDecorator ShowSpinUI="False" Change="1" BorderThickness="0" Background="Transparent" Padding="0">
      <local:IntegerTextBox Value="{Binding Value}" Culture="{Binding Culture}" Minimum="{Binding Minimum}" Maximum="{Binding Maximum}" Padding="0,2,0,2"
                            Precision="{Binding Precision}" ShowSeparators="False" BorderThickness="0" Background="Transparent" Foreground="{Binding Foreground}" />
    </local:SpinDecorator>
  </DataTemplate>

  <DataTemplate x:Key="ReadOnlyElementTemplate">
    <TextBox Text="{Binding Text, Mode=OneWay}" IsReadOnly="True" BorderThickness="0" Background="Transparent" Focusable="False"
             Foreground="{Binding Foreground}" Padding="0,2,0,2" />
  </DataTemplate>

  <DataTemplate x:Key="SelectElementTemplate">
    <ComboBox SelectedValue="{Binding Text}" Style="{StaticResource SpinTextBox}" ItemsSource="{Binding PermittedValues}" Background="Transparent"
              Foreground="{Binding Foreground}" Padding="0,2,0,2" />
  </DataTemplate>

  <local:DateTimePartTemplateSelector x:Key="DateTimePartTemplateSelector"
                                      NumericElementTemplate="{StaticResource NumericElementTemplate}"
                                      SelectElementTemplate="{StaticResource SelectElementTemplate}"
                                      ReadOnlyElementTemplate="{StaticResource ReadOnlyElementTemplate}" />

  <Style TargetType="{x:Type local:DateTimePicker}">
    <Setter Property="SnapsToDevicePixels" Value="True" />
    <Setter Property="FocusVisualStyle" Value="{x:Null}" />
    <Setter Property="BorderThickness" Value="0" />
    <Setter Property="Padding" Value="1" />
    <Setter Property="Background" Value="{StaticResource EditorBackground}" />
    <Setter Property="Foreground" Value="{StaticResource Foreground}" />
    <Setter Property="BorderBrush" Value="{StaticResource Border}" />
    <Setter Property="Template">
      <Setter.Value>
        <ControlTemplate TargetType="{x:Type local:DateTimePicker}">
          <Border Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}"
                  CornerRadius="4">
            <ItemsControl ItemsSource="{TemplateBinding DisplayElements}" Padding="{TemplateBinding Padding}" VerticalAlignment="Center" Background="Transparent"
                          Foreground="{TemplateBinding Foreground}" ItemTemplateSelector="{StaticResource DateTimePartTemplateSelector}">
              <ItemsControl.ItemsPanel>
                <ItemsPanelTemplate>
                  <local:ProportionalStackPanel Orientation="Horizontal" />
                </ItemsPanelTemplate>
              </ItemsControl.ItemsPanel>
              <ItemsControl.ItemContainerStyle>
                <Style>
                  <Setter Property="local:ProportionalStackPanel.Proportion" Value="{Binding EstimatedProportion}" />
                </Style>
              </ItemsControl.ItemContainerStyle>
            </ItemsControl>
          </Border>
        </ControlTemplate>
      </Setter.Value>
    </Setter>
  </Style>

Jason Fauchelle