Close on duble click

12 posts, 0 answers
  1. Christian Burkhardt
    Christian Burkhardt avatar
    23 posts
    Member since:
    Feb 2010

    Posted 12 May 2011 Link to this post

    Hi

    Is it possible to close the date time picker by double clicking on time? Or is there any walk around to do this?

    Thanks
  2. Yana
    Admin
    Yana avatar
    4554 posts

    Posted 13 May 2011 Link to this post

    Hi Christian,

    This is possible only when InputMode property is set to "DatePicker" or "TimePicker".  For the InputMode.DateTimePIcker you should perform a click on the close button or outside the control in order to close the dropdown.

    Kind regards,
    Yana
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  3. DevCraft banner
  4. Chiara
    Chiara avatar
    31 posts
    Member since:
    Oct 2011

    Posted 19 Dec 2011 Link to this post

    Hi Yana, 
    I have a question on the RadDateTimePicker.
    I set the input mode on DateTimePicker because I need to have the Close Button, so the calendar will close by click on it and not automatically.
    If I set input mode on DateTimePicker in the watermark I will see the selected date and the time (set at 00:00)

    There is a way to hide the time?

  5. Yana
    Admin
    Yana avatar
    4554 posts

    Posted 20 Dec 2011 Link to this post

    Hello Chiara,

    Please check this help article where it is explained how to define a custom format.

    Hope this helps.

    Regards,
    Yana
    the Telerik team

    Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get it now >>

  6. Chiara
    Chiara avatar
    31 posts
    Member since:
    Oct 2011

    Posted 20 Dec 2011 Link to this post

    Hi,
    thank you for your replay.. Unfortunately does not work
  7. Yana
    Admin
    Yana avatar
    4554 posts

    Posted 21 Dec 2011 Link to this post

    Hi Chiara,

    Could you please give us more details about your scenario so we to be able to help further? Thanks

    Kind regards,
    Yana
    the Telerik team

    Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get it now >>

  8. Chiara
    Chiara avatar
    31 posts
    Member since:
    Oct 2011

    Posted 21 Dec 2011 Link to this post

    Hi Yana, 
    This is the xaml for the style:
    <ResourceDictionary
        xmlns:sys="clr-namespace:System;assembly=mscorlib"
        xmlns:vsm="clr-namespace:System.Windows;assembly=System.Windows"                                   
        xmlns:telerikChromes="clr-namespace:Telerik.Windows.Controls.Chromes;assembly=Telerik.Windows.Controls"
        xmlns:telerikPrimitives="clr-namespace:Telerik.Windows.Controls.Primitives;assembly=Telerik.Windows.Controls"
        xmlns:primitives="clr-namespace:Telerik.Windows.Controls.Primitives;assembly=Telerik.Windows.Controls"
        xmlns:animation="clr-namespace:Telerik.Windows.Controls.Animation;assembly=Telerik.Windows.Controls"
        xmlns:telerikInput="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls.Input"
        xmlns:calendar="clr-namespace:Telerik.Windows.Controls.Calendar;assembly=Telerik.Windows.Controls.Input">
         
        <telerik:Windows7Theme x:Key="Theme" />
        <LinearGradientBrush x:Key="PanelBackground" EndPoint="0.769,0.922" StartPoint="0.388,-0.015">
            <GradientStop Color="#eee5e5e5" Offset="0"/>
            <GradientStop Color="#eee5e5e5" Offset="0.775"/>
            <GradientStop Color="#eeffffff" Offset="0.614"/>
            <GradientStop Color="#eeffffff" Offset="1"/>
            <GradientStop Color="#eee5e5e5" Offset="0.404"/>
        </LinearGradientBrush>
        <Thickness x:Key="CalendarButtonButtonChromeMargin">2</Thickness>
        <CornerRadius x:Key="SplitButton_SpanCornerRadius">2</CornerRadius>
        <Thickness x:Key="CalendarButtonTodayVisualMargin">1</Thickness>
        <SolidColorBrush x:Key="ControlOuterBorder_Pressed" Color="#FFBFBFBF" />
        <SolidColorBrush x:Key="CalendarOuterBorder" Color="#595959" />
        <SolidColorBrush x:Key="CalendarViewBackground" Color="Transparent"/>
        <Thickness x:Key="CalendarViewBorderThickness">0.5</Thickness>
        <Thickness x:Key="CalendarViewHeaderPadding">3</Thickness>
        <Thickness x:Key="CalendarViewMargin">-1 -1 0 0</Thickness>
        <Thickness x:Key="CalendarViewHeaderMargin">0 0 0 0</Thickness>
        <SolidColorBrush x:Key="CalendarSubHeaderOuterBorder" Color="#FF595959" />
        <SolidColorBrush x:Key="CalendarSubHeaderInnerBorder" Color="Transparent" />
        <Thickness x:Key="CalendarItemsMargin">1 0 1 1</Thickness>
        <sys:Int32 x:Key="CalendarWeekHeaderVerticalOuterBorderZIndex">0</sys:Int32>
        <SolidColorBrush x:Key="CalendarWeekHeaderVerticalOuterBorder" Color="#FF595959" />
        <Thickness x:Key="CalendarWeekHeaderVerticalOuterBorderThickness">1</Thickness>
        <Thickness x:Key="CalendarWeekHeaderVerticalOuterBorderMargin">0 0 -1 0</Thickness>
        <sys:Int32 x:Key="CalendarWeekHeaderHorizontalOuterBorderZIndex">0</sys:Int32>
        <SolidColorBrush x:Key="CalendarWeekHeaderHorizontalOuterBorder" Color="#FF595959"  />
        <Thickness x:Key="CalendarWeekHeaderHorizontalOuterBorderThickness">1 0 1 1</Thickness>
        <Thickness x:Key="CalendarWeekHeaderHorizontalOuterBorderMargin">0 0 0 0</Thickness>
        <sys:Int32 x:Key="CalendarWeekHeaderVerticalInnerBorderZIndex">0</sys:Int32>
        <SolidColorBrush x:Key="CalendarWeekHeaderVerticalInnerBorder" Color="Transparent" />
        <Thickness x:Key="CalendarWeekHeaderVerticalInnerBorderThickness">1</Thickness>
        <Thickness x:Key="CalendarWeekHeaderVerticalInnerBorderMargin">1 1 0 1</Thickness>
        <sys:Int32 x:Key="CalendarWeekHeaderHorizontalInnerBorderZIndex">0</sys:Int32>
        <SolidColorBrush x:Key="CalendarWeekHeaderHorizontalInnerBorder" Color="Transparent" />
        <Thickness x:Key="CalendarWeekHeaderHorizontalInnerBorderThickness">1</Thickness>
        <Thickness x:Key="CalendarWeekHeaderHorizontalInnerBorderMargin">1 0 1 1</Thickness>
        <sys:Int32 x:Key="CalendarWeekHeaderVerticalBackgroundZIndex">0</sys:Int32>
        <SolidColorBrush x:Key="CalendarWeekHeaderVerticalBackground" Color="Transparent" />
        <Thickness x:Key="CalendarWeekHeaderVerticalBackgroundMargin">2 2 1 2</Thickness>
        <sys:Int32 x:Key="CalendarWeekHeaderHorizontalBackgroundZIndex">0</sys:Int32>
        <SolidColorBrush x:Key="CalendarWeekHeaderHorizontalBackground" Color="Transparent" />
        <Thickness x:Key="CalendarWeekHeaderHorizontalBackgroundMargin">2 1 2 2</Thickness>
        <SolidColorBrush x:Key="HeaderButtonOuterBorder_Normal" Color="Transparent" />
        <SolidColorBrush x:Key="HeaderButtonBackground_Normal" Color="Transparent" />
        <SolidColorBrush x:Key="HeaderButtonOuterBorder_MouseOver" Color="Transparent" />
        <SolidColorBrush x:Key="HeaderButtonInnerBorder_MouseOver" Color="Transparent" />
        <SolidColorBrush x:Key="HeaderButtonBackground_MouseOver" Color="Transparent"/>
        <SolidColorBrush x:Key="HeaderButtonOuterBorder_Pressed" Color="Transparent"/>
        <SolidColorBrush x:Key="HeaderButtonInnerBorder_Pressed" Color="Transparent"/>
        <SolidColorBrush x:Key="HeaderButtonBackground_Pressed" Color="Transparent"/>
        <SolidColorBrush x:Key="HeaderButtonInnerBorder_Normal" Color="Transparent" />
        <SolidColorBrush x:Key="HeaderButtonIconBackground_Disabled" Color="#88FFFFFF" />
        <SolidColorBrush x:Key="HeaderButtonIconForeground_Disabled" Color="#88FFFFFF" />
        <SolidColorBrush x:Key="HeaderButtonIconBackground_MouseOver" Color="#FFEA6517" />
        <SolidColorBrush x:Key="HeaderButtonIconForeground_MouseOver" Color="#FFEA6517" />
        <SolidColorBrush x:Key="HeaderButtonIconBackground_Pressed" Color="#FF003399" />
        <SolidColorBrush x:Key="HeaderButtonIconForeground_Pressed" Color="#FF003399" />
        <SolidColorBrush x:Key="HeaderButtonIconBackground_Normal" Color="#FF003399" />
        <SolidColorBrush x:Key="HeaderButtonIconForeground_Normal" Color="#FF003399" />
        <FontWeight x:Key="HeaderTextFontWeight">Bold</FontWeight>
        <SolidColorBrush x:Key="HeaderTextBackground" Color="Transparent" />
        <SolidColorBrush x:Key="HeaderTextForeground" Color="#FF003399" />
        <SolidColorBrush x:Key="PickerForeground_Normal" Color="#FF000000" />
        <SolidColorBrush x:Key="PanelBackgroundOld" Color="Red" />
        <Thickness x:Key="CalendarHeaderPadding">0</Thickness>
        <Thickness x:Key="CalendarTransitionPanelMargin">0 0 0 0</Thickness>
        <CornerRadius x:Key="CalendarOuterBorderCornerRadius">0</CornerRadius>
        <SolidColorBrush x:Key="CalendarInnerBorder" Color="Transparent" />
        <CornerRadius x:Key="CalendarInnerBorderCornerRadius">0</CornerRadius>
        <Thickness x:Key="CalendarHeaderBorderThickness">1</Thickness>
        <CornerRadius x:Key="CalendarHeaderOuterCornerRadius">0</CornerRadius>
        <SolidColorBrush x:Key="HeaderOuterBorder" Color="#FF595959" />
        <SolidColorBrush x:Key="HeaderInnerBorder" Color="Transparent" />
        <CornerRadius x:Key="CalendarHeaderInnerCornerRadius">0</CornerRadius>
        <LinearGradientBrush x:Key="TooltipBackground" EndPoint="0.5,1" StartPoint="0.5,0">
            <GradientStop Color="#FFFDFEFF" Offset="0"/>
            <GradientStop Color="#FFDDE9F7" Offset="1"/>
        </LinearGradientBrush>
        <SolidColorBrush x:Key="Tooltip_OuterBorderBrush" Color="#FF595959" />
        <Thickness x:Key="Tooltip_OuterBorderThickness" >1</Thickness>
        <SolidColorBrush x:Key="TooltipInnerBorderBrush" Color="Transparent" />
        <SolidColorBrush x:Key="TooltipForeground" Color="#FF003399" />
        <LinearGradientBrush x:Key="PickerBackground_Normal" EndPoint="0.5,1" StartPoint="0.5,0" Opacity="1">
            <GradientStop Color="#8cFFFFFF" Offset="1"/>
            <GradientStop Color="#8cFFFFFF" Offset="0.055"/>
            <GradientStop Color="#00FF10" Offset="0.001"/>
        </LinearGradientBrush>
        <SolidColorBrush x:Key="ControlOuterBorder_Normal" Color="#595959"/>
        <SolidColorBrush x:Key="ButtonIconForeground_MouseOver" Color="#FF000000" />
        <SolidColorBrush x:Key="ButtonIconBackground_MouseOver" Color="#FFFFFFFF" />
        <SolidColorBrush x:Key="ControlOuterBorder_Disabled" Color="#FFD9D9D9" />
        <SolidColorBrush x:Key="PickerForeground_Disabled" Color="#FF8D8D8D" />
        <SolidColorBrush x:Key="ButtonIconForeground_Disabled" Color="#FF8D8D8D" />
        <SolidColorBrush x:Key="ButtonIconBackground_Disabled" Color="#FFFFFFFF" />
        <SolidColorBrush x:Key="ControlOuterBorder_MouseOver" Color="#FFBFBFBF" />
        <SolidColorBrush x:Key="ControlOuterBorder_Focused" Color="#FFBFBFBF" />
        <SolidColorBrush x:Key="ControlInnerBorder_Focused" Color="Transparent" />
        <CornerRadius x:Key="SplitButton_SpanInnerCornerRadius">1</CornerRadius>
        <CornerRadius x:Key="SplitButton_RightPartCornerRadius">0 2 2 0</CornerRadius>
        <ControlTemplate x:Key="CalendarIcon" TargetType="ContentControl">
            <Grid>
                <Path x:Name="CalendarIconBackground" Margin="4 5 4 4" Width="7" Height="7" Stroke="{TemplateBinding Background}" 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" />
                <Path x:Name="CalendarIconForeground" Margin="4 4 4 5" Width="7" Height="7" Stroke="{TemplateBinding Foreground}" 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" />
            </Grid>
        </ControlTemplate>
        <SolidColorBrush x:Key="ButtonIconBackground_Normal" Color="#FFFFFFFF" />
        <SolidColorBrush x:Key="ButtonIconForeground_Normal" Color="#FF000000" />
        <ImageBrush ImageSource="calendar.png" x:Key="BgCalendar"/>
         
     
        <!-- Calendar and DatePicker -->
        <telerik:InvertedBooleanToVisibilityConverter x:Key="InvertedBooleanToVisibilityConverterInstance" />
         
        <!-- CalendarButtonStyle -->
        <Style x:Key="CalendarButtonStyle" TargetType="calendar:CalendarButton">
            <Setter Property="Padding" Value="0" />
            <Setter Property="HorizontalContentAlignment" Value="Center" />
            <Setter Property="VerticalContentAlignment" Value="Center" />
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="calendar:CalendarButton">
                        <Grid x:Name="LayoutRoot" Background="Transparent">
     
                            <VisualStateManager.VisualStateGroups>
                                <VisualStateGroup x:Name="CommonStates">
                                    <VisualState x:Name="Disabled">
                                        <Storyboard>
                                            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="LayoutRoot" Storyboard.TargetProperty="Opacity">
                                                <DiscreteDoubleKeyFrame KeyTime="0" Value="0.5" />
                                            </DoubleAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                    <VisualState x:Name="Normal" />
                                    <VisualState x:Name="MouseOver" />
                                </VisualStateGroup>
                                <VisualStateGroup x:Name="ViewStates">
                                    <VisualState x:Name="IsInAnotherView" />
                                    <VisualState x:Name="IsNotFromCurrentView">
                                        <Storyboard>
                                            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="Content" Storyboard.TargetProperty="Opacity">
                                                <DiscreteDoubleKeyFrame KeyTime="0" Value="0.5" />
                                            </DoubleAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                </VisualStateGroup>
                                <VisualStateGroup x:Name="ButtonType">
                                    <VisualState x:Name="Year" />
                                    <VisualState x:Name="Decade" />
                                    <VisualState x:Name="Date" />
                                    <VisualState x:Name="WeekName">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="SelectionChrome" Storyboard.TargetProperty="Visibility">
                                                <DiscreteObjectKeyFrame KeyTime="0" Value="Collapsed" />
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                    <VisualState x:Name="WeekNumber">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="SelectionChrome" Storyboard.TargetProperty="Visibility">
                                                <DiscreteObjectKeyFrame KeyTime="0" Value="Collapsed" />
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                    <VisualState x:Name="TodayDate">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="TodayVisual" Storyboard.TargetProperty="Visibility">
                                                <DiscreteObjectKeyFrame KeyTime="0" Value="Visible" />
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Content2" Storyboard.TargetProperty="Foreground" BeginTime="0:0:0">
                                                <DiscreteObjectKeyFrame KeyTime="0:0:0" Value="#EA6517"/>
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Content2" Storyboard.TargetProperty="FontWeight" BeginTime="0:0:0">
                                                <DiscreteObjectKeyFrame KeyTime="0:0:0" Value="Bold"/>
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Content2" Storyboard.TargetProperty="FontSize" BeginTime="0:0:0">
                                                <DiscreteObjectKeyFrame KeyTime="0:0:0" Value="14"/>
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                    <VisualState x:Name="Month" />
                                </VisualStateGroup>
                                <VisualStateGroup x:Name="FocusStates">
                                    <VisualState x:Name="Unfocused" />
                                    <VisualState x:Name="Focused" />
                                </VisualStateGroup>
                                <VisualStateGroup x:Name="SelectionStates">
                                    <VisualState x:Name="Unselected" />
                                    <VisualState x:Name="Selected" >
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Content2" Storyboard.TargetProperty="Foreground" BeginTime="0:0:0">
                                                <DiscreteObjectKeyFrame KeyTime="0:0:0" Value="#000000"/>
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Content2" Storyboard.TargetProperty="FontWeight" BeginTime="0:0:0">
                                                <DiscreteObjectKeyFrame KeyTime="0:0:0" Value="Bold"/>
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Content2" Storyboard.TargetProperty="FontSize" BeginTime="0:0:0">
                                                <DiscreteObjectKeyFrame KeyTime="0:0:0" Value="12"/>
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                </VisualStateGroup>
                            </VisualStateManager.VisualStateGroups>
     
                            <Border Background="{TemplateBinding Background}" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}" />
                            <telerikChromes:ButtonChrome x:Name="SelectionChrome" Margin="{StaticResource CalendarButtonButtonChromeMargin}"
                                    CornerRadius="{StaticResource SplitButton_SpanCornerRadius}" RenderNormal="False" RenderFocused="{TemplateBinding IsFocused}"
                                    RenderSelected="{TemplateBinding IsSelected}" RenderHighlighted="{TemplateBinding IsMouseOver}" Style="{StaticResource ButtonChromeS}" />
                            <Border x:Name="TodayVisual" Margin="{StaticResource CalendarButtonTodayVisualMargin}" Visibility="Collapsed" BorderThickness="1" CornerRadius="2" BorderBrush="#003399" />
                             
                            <ContentControl x:Name="Content2" Margin="{TemplateBinding Padding}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" FontFamily="Helvetica">
                                <ContentPresenter x:Name="Content" Margin="{TemplateBinding Padding}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" />
                            </ContentControl>
                        </Grid>
     
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
         
     
        <SolidColorBrush x:Key="ControlBackground_Focused" Color="Transparent" />
        <LinearGradientBrush x:Key="ControlBackground_Highlighted" EndPoint="0.5,1" StartPoint="0.5,0">
            <GradientStop Color="#FFFAFBFD" Offset="0.004" />
            <GradientStop Color="#FFEBF3FD" Offset="1" />
        </LinearGradientBrush>
        <LinearGradientBrush x:Key="ControlBackground_Selected" EndPoint="0.5,1" StartPoint="0.5,0">
            <GradientStop Color="#FFDCEBFC" />
            <GradientStop Color="#FFC1DBFC" Offset="1" />
        </LinearGradientBrush>
        <LinearGradientBrush x:Key="ControlInnerBorder_Selected" EndPoint="0.5,1" StartPoint="0.5,0">
            <GradientStop Color="#FFEBF4FD" />
            <GradientStop Color="#FFDBEAFD" Offset="1" />
        </LinearGradientBrush>
        <LinearGradientBrush x:Key="ControlInnerBorder_DisabledChecked" EndPoint="0.5,1" StartPoint="0.5,0">
            <GradientStop Color="#FFFAFAFB" Offset="0" />
            <GradientStop Color="#FFF0F0F0" Offset="1" />
        </LinearGradientBrush>
        <LinearGradientBrush x:Key="ControlBackground_DisabledChecked" EndPoint="0.5,1" StartPoint="0.5,0">
            <GradientStop Color="#FFF8F8F8" Offset="0" />
            <GradientStop Color="#FFE5E5E5" Offset="1" />
        </LinearGradientBrush>
        <LinearGradientBrush x:Key="ControlInnerBorder_Highlighted" EndPoint="0.5,1" StartPoint="0.5,0">
            <GradientStop Color="#FFFCFDFE" />
            <GradientStop Color="#FFF2F7FE" Offset="1" />
        </LinearGradientBrush>
        <SolidColorBrush x:Key="ControlOuterBorder_Selected" Color="#FF7DA2CE" />
        <SolidColorBrush x:Key="ControlOuterBorder_DisabledChecked" Color="#FFD9D9D9" />
        <SolidColorBrush x:Key="ControlOuterBorder_Highlighted" Color="#FFB8D6FB" />
     
        <Style x:Key="ButtonChromeS" TargetType="telerikChromes:ButtonChrome" >
            <Setter Property="IsTabStop" Value="False" />
            <Setter Property="Background" Value="{StaticResource ControlBackground_Normal}" />
            <Setter Property="BorderBrush" Value="{StaticResource ControlOuterBorder_Normal}" />
            <Setter Property="BorderThickness" Value="0.5" />
            <Setter Property="CornerRadius" Value="{StaticResource SplitButton_SpanCornerRadius}" />
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="telerikChromes:ButtonChrome">
                        <Grid>
                            <vsm:VisualStateManager.VisualStateGroups>
                                <vsm:VisualStateGroup x:Name="CommonStatesGroup">
                                    <VisualStateGroup.Transitions>
                                        <VisualTransition From="MouseOver" GeneratedDuration="00:00:00.150" To="None"/>
                                        <VisualTransition From="Active" GeneratedDuration="00:00:00.150" To="None"/>
                                        <VisualTransition From="*" GeneratedDuration="00:00:00.150" To="Normal"/>
                                    </VisualStateGroup.Transitions>
                                    <vsm:VisualState x:Name="None">
                                        <Storyboard>
                                            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="OuterBorder" Storyboard.TargetProperty="Opacity">
                                                <LinearDoubleKeyFrame KeyTime="0:0:0" Value="0" />
                                            </DoubleAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </vsm:VisualState>
                                    <vsm:VisualState x:Name="Normal"/>
                                    <vsm:VisualState x:Name="Active"/>
                                    <vsm:VisualState x:Name="Highlighted">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="OuterBorder" Storyboard.TargetProperty="BorderBrush" Duration="0:0:0">
                                                <DiscreteObjectKeyFrame KeyTime="0:0:0" Value="{StaticResource ControlOuterBorder_Highlighted}" />
                                            </ObjectAnimationUsingKeyFrames>
                                            <!--<ObjectAnimationUsingKeyFrames Storyboard.TargetName="InnerBorder" Storyboard.TargetProperty="BorderBrush" Duration="0:0:0">
                                                <DiscreteObjectKeyFrame KeyTime="0:0:0" Value="{StaticResource ControlInnerBorder_Highlighted}" />
                                            </ObjectAnimationUsingKeyFrames>-->
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="OuterBorder" Storyboard.TargetProperty="Background" Duration="0:0:0">
                                                <DiscreteObjectKeyFrame KeyTime="0:0:0" Value="{StaticResource ControlBackground_Highlighted}" />
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </vsm:VisualState>
                                    <vsm:VisualState x:Name="Selected">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="OuterBorder" Storyboard.TargetProperty="BorderBrush" Duration="0:0:0">
                                                <DiscreteObjectKeyFrame KeyTime="0:0:0" Value="{StaticResource ControlOuterBorder_Selected}" />
                                            </ObjectAnimationUsingKeyFrames>
                                            <!--<ObjectAnimationUsingKeyFrames Storyboard.TargetName="InnerBorder" Storyboard.TargetProperty="BorderBrush" Duration="0:0:0">
                                                <DiscreteObjectKeyFrame KeyTime="0:0:0" Value="{StaticResource ControlInnerBorder_Selected}" />
                                            </ObjectAnimationUsingKeyFrames>-->
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="OuterBorder" Storyboard.TargetProperty="Background" Duration="0:0:0">
                                                <DiscreteObjectKeyFrame KeyTime="0:0:0" Value="{StaticResource ControlBackground_Selected}" />
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </vsm:VisualState>
                                    <vsm:VisualState x:Name="Checked"/>
                                    <vsm:VisualState x:Name="DisabledChecked">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="OuterBorder" Storyboard.TargetProperty="BorderBrush" Duration="0:0:0">
                                                <DiscreteObjectKeyFrame KeyTime="0:0:0" Value="{StaticResource ControlOuterBorder_DisabledChecked}" />
                                            </ObjectAnimationUsingKeyFrames>
                                            <!--<ObjectAnimationUsingKeyFrames Storyboard.TargetName="InnerBorder" Storyboard.TargetProperty="BorderBrush" Duration="0:0:0">
                                                <DiscreteObjectKeyFrame KeyTime="0:0:0" Value="{StaticResource ControlInnerBorder_DisabledChecked}" />
                                            </ObjectAnimationUsingKeyFrames>-->
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="OuterBorder" Storyboard.TargetProperty="Background" Duration="0:0:0">
                                                <DiscreteObjectKeyFrame KeyTime="0:0:0" Value="{StaticResource ControlBackground_DisabledChecked}" />
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </vsm:VisualState>
                                    <vsm:VisualState x:Name="MouseOverChecked">
                                        <Storyboard>
                                            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="CommonStatesWrapper" Storyboard.TargetProperty="Opacity">
                                                <DiscreteDoubleKeyFrame KeyTime="00:00:00.115" Value="0" />
                                            </DoubleAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </vsm:VisualState>
                                    <vsm:VisualState x:Name="MouseOver">
                                        <Storyboard>
                                            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="CommonStatesWrapper" Storyboard.TargetProperty="Opacity">
                                                <DiscreteDoubleKeyFrame KeyTime="00:00:00.115" Value="0" />
                                            </DoubleAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </vsm:VisualState>
                                    <vsm:VisualState x:Name="Pressed">
                                        <Storyboard>
                                            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="CommonStatesWrapper" Storyboard.TargetProperty="Opacity">
                                                <DiscreteDoubleKeyFrame KeyTime="00:00:00.050" Value="0" />
                                            </DoubleAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </vsm:VisualState>
                                    <vsm:VisualState x:Name="Disabled">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="OuterBorder" Storyboard.TargetProperty="BorderBrush" Duration="0:0:0">
                                                <DiscreteObjectKeyFrame KeyTime="0:0:0" Value="{StaticResource ControlOuterBorder_Disabled}" />
                                            </ObjectAnimationUsingKeyFrames>
                                            <!--<ObjectAnimationUsingKeyFrames Storyboard.TargetName="InnerBorder" Storyboard.TargetProperty="BorderBrush" Duration="0:0:0">
                                                <DiscreteObjectKeyFrame KeyTime="0:0:0" Value="{StaticResource ControlInnerBorder_Disabled}" />
                                            </ObjectAnimationUsingKeyFrames>-->
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="OuterBorder" Storyboard.TargetProperty="Background" Duration="0:0:0">
                                                <DiscreteObjectKeyFrame KeyTime="0:0:0" Value="{StaticResource ControlBackground_Disabled}" />
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </vsm:VisualState>
                                    <vsm:VisualState x:Name="NoneVertical">
                                        <Storyboard>
                                            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="OuterBorder" Storyboard.TargetProperty="Opacity">
                                                <DiscreteDoubleKeyFrame KeyTime="0:0:0" Value="0" />
                                            </DoubleAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </vsm:VisualState>
                                    <vsm:VisualState x:Name="NormalVertical"/>
                                    <vsm:VisualState x:Name="MouseOverVertical"/>
                                    <vsm:VisualState x:Name="PressedVertical">
                                        <Storyboard>
                                            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="CommonStatesWrapper" Storyboard.TargetProperty="Opacity">
                                                <DiscreteDoubleKeyFrame KeyTime="00:00:00.050" Value="0" />
                                            </DoubleAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </vsm:VisualState>
                                    <vsm:VisualState x:Name="DisabledVertical">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="OuterBorder" Storyboard.TargetProperty="BorderBrush" Duration="0:0:0">
                                                <DiscreteObjectKeyFrame KeyTime="0:0:0" Value="{StaticResource ControlOuterBorder_Disabled}" />
                                            </ObjectAnimationUsingKeyFrames>
                                            <!--<ObjectAnimationUsingKeyFrames Storyboard.TargetName="InnerBorder" Storyboard.TargetProperty="BorderBrush" Duration="0:0:0">
                                                <DiscreteObjectKeyFrame KeyTime="0:0:0" Value="{StaticResource ControlInnerBorder_Disabled}" />
                                            </ObjectAnimationUsingKeyFrames>-->
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="OuterBorder" Storyboard.TargetProperty="Background" Duration="0:0:0">
                                                <DiscreteObjectKeyFrame KeyTime="0:0:0" Value="{StaticResource ControlBackground_Disabled}" />
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </vsm:VisualState>
                                </vsm:VisualStateGroup>
                                <vsm:VisualStateGroup x:Name="FocusStatesGroup">
                                    <vsm:VisualState x:Name="Unfocused">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="FocusVisual" Storyboard.TargetProperty="Visibility">
                                                <DiscreteObjectKeyFrame KeyTime="00:00:00.150">
                                                    <DiscreteObjectKeyFrame.Value>
                                                        <Visibility>Collapsed</Visibility>
                                                    </DiscreteObjectKeyFrame.Value>
                                                </DiscreteObjectKeyFrame>
                                            </ObjectAnimationUsingKeyFrames>
                                            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="FocusVisual" Storyboard.TargetProperty="Opacity">
                                                <LinearDoubleKeyFrame KeyTime="00:00:00.150" Value="0" />
                                            </DoubleAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </vsm:VisualState>
                                    <vsm:VisualState x:Name="Focused">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="FocusVisual" Storyboard.TargetProperty="Visibility">
                                                <DiscreteObjectKeyFrame KeyTime="0:0:0">
                                                    <DiscreteObjectKeyFrame.Value>
                                                        <Visibility>Visible</Visibility>
                                                    </DiscreteObjectKeyFrame.Value>
                                                </DiscreteObjectKeyFrame>
                                            </ObjectAnimationUsingKeyFrames>
                                            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="FocusVisual" Storyboard.TargetProperty="Opacity">
                                                <LinearDoubleKeyFrame KeyTime="00:00:00.115" Value="1" />
                                            </DoubleAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </vsm:VisualState>
                                </vsm:VisualStateGroup>
                            </vsm:VisualStateManager.VisualStateGroups>
     
                            <Border x:Name="OuterBorder" BorderThickness="{TemplateBinding BorderThickness}" CornerRadius="{TemplateBinding CornerRadius}" BorderBrush="{TemplateBinding BorderBrush}" Background="{TemplateBinding Background}">
                                <!--<Border x:Name="InnerBorder" BorderThickness="0" CornerRadius="{TemplateBinding InnerCornerRadius}" BorderBrush="{StaticResource ControlInnerBorder_Normal}" />-->
                            </Border>
                             
                            <Border x:Name="CommonStatesWrapper">
                                <Border x:Name="FocusVisual" Visibility="Collapsed" Opacity="0" BorderThickness="{TemplateBinding BorderThickness}" CornerRadius="{TemplateBinding CornerRadius}" BorderBrush="{StaticResource ControlOuterBorder_Focused}" Background="{StaticResource ControlBackground_Focused}">
                                    <Border x:Name="FocusInnerVisual" BorderThickness="1" CornerRadius="{TemplateBinding InnerCornerRadius}" BorderBrush="{StaticResource ControlInnerBorder_Focused}"/>
                                </Border>
                            </Border>
                        </Grid>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
     
     
        <!-- calendar:CalendarButton -->
        <Style BasedOn="{StaticResource CalendarButtonStyle}" TargetType="calendar:CalendarButton" />
     
        <!--CalendarViewStyle-->
        <Style TargetType="calendar:CalendarView" x:Key="CalendarViewStyle">
            <Setter Property="HorizontalContentAlignment" Value="Center" />
            <Setter Property="VerticalContentAlignment" Value="Center" />
            <Setter Property="BorderBrush" Value="{StaticResource CalendarOuterBorder}" />
            <Setter Property="Background" Value="{StaticResource CalendarViewBackground}" />
            <Setter Property="BorderThickness" Value="{StaticResource CalendarViewBorderThickness}" />
            <Setter Property="Padding" Value="{StaticResource CalendarViewHeaderPadding}" />
            <Setter Property="IsTabStop" Value="False" />
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="calendar:CalendarView">
                        <Grid Margin="{StaticResource CalendarViewMargin}">
                            <Grid.RowDefinitions>
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="*" />
                            </Grid.RowDefinitions>
     
                            <Border x:Name="BackgroundVisual" Grid.RowSpan="2" Background="{TemplateBinding Background}" />
     
                            <Border x:Name="Header" Visibility="{TemplateBinding HeaderVisibility}"
                                    Margin="{StaticResource CalendarViewHeaderMargin}"
                                    Background="{StaticResource BgCalendar}"
                                    BorderBrush="{StaticResource CalendarSubHeaderOuterBorder}"
                                    BorderThickness="{TemplateBinding BorderThickness}">
                                <Border BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{StaticResource CalendarSubHeaderInnerBorder}">
                                    <ContentPresenter Content="{TemplateBinding Header}" ContentTemplate="{TemplateBinding HeaderTemplate}" Margin="{TemplateBinding Padding}"
                                            HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" />
                                </Border>
                            </Border>
     
                            <ItemsPresenter Grid.Row="1" Margin="{StaticResource CalendarItemsMargin}" />
                            <Border x:Name="BorderBrush" Grid.RowSpan="2" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}" />
                            <Rectangle x:Name="MinDesiredSize" Grid.Row="1" Width="240" Height="155" />
                        </Grid>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
            <Setter Property="Margin" Value="0" />
        </Style>
     
        <!--MonthViewStyle-->
        <Style x:Key="MonthViewStyle" TargetType="calendar:CalendarView">
            <Setter Property="HorizontalContentAlignment" Value="Center" />
            <Setter Property="VerticalContentAlignment" Value="Center" />
            <Setter Property="BorderBrush" Value="{StaticResource CalendarOuterBorder}" />
            <Setter Property="Background" Value="{StaticResource CalendarViewBackground}" />
            <Setter Property="BorderThickness" Value="{StaticResource CalendarViewBorderThickness}" />
            <Setter Property="Padding" Value="{StaticResource CalendarViewHeaderPadding}" />
            <Setter Property="IsTabStop" Value="False" />
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="calendar:CalendarView">
                        <Grid Margin="{StaticResource CalendarViewMargin}">
                            <Grid.RowDefinitions>
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="*" />
                            </Grid.RowDefinitions>
     
                            <Border x:Name="BackgroundVisual" Grid.RowSpan="2" Background="{TemplateBinding Background}" />
                            <Border x:Name="Header" Visibility="{TemplateBinding HeaderVisibility}"
                                    Margin="{StaticResource CalendarViewHeaderMargin}"
                                    Background="{StaticResource BgCalendar}"
                                    BorderBrush="{StaticResource CalendarSubHeaderOuterBorder}"
                                    BorderThickness="{TemplateBinding BorderThickness}">
                                <Border BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{StaticResource CalendarSubHeaderInnerBorder}">
                                    <ContentPresenter Content="{TemplateBinding Header}" ContentTemplate="{TemplateBinding HeaderTemplate}" Margin="{TemplateBinding Padding}"
                                            HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" />
                                </Border>
                            </Border>
     
                            <Grid x:Name="WeekHeaders" Grid.Row="1"
                                    DataContext="{Binding RelativeSource={RelativeSource TemplatedParent}}">
                                <Grid.RowDefinitions>
                                    <RowDefinition Height="*" />
                                    <RowDefinition Height="6*" />
                                </Grid.RowDefinitions>
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="*" />
                                    <ColumnDefinition Width="7*" />
                                </Grid.ColumnDefinitions>
     
                                <Border x:Name="VerticalOuterBorder" Grid.RowSpan="2"
                                        Canvas.ZIndex="{StaticResource CalendarWeekHeaderVerticalOuterBorderZIndex}"
                                        BorderBrush="{StaticResource CalendarWeekHeaderVerticalOuterBorder}"
                                        BorderThickness="{StaticResource CalendarWeekHeaderVerticalOuterBorderThickness}"
                                        Margin="{StaticResource CalendarWeekHeaderVerticalOuterBorderMargin}"
                                        Visibility="{Binding Path=HideColumn, Converter={StaticResource InvertedBooleanToVisibilityConverterInstance}}" />
                                <Border x:Name="HorizontalOuterBorder" Grid.ColumnSpan="2"
                                        Canvas.ZIndex="{StaticResource CalendarWeekHeaderHorizontalOuterBorderZIndex}"
                                        BorderBrush="{StaticResource CalendarWeekHeaderHorizontalOuterBorder}"
                                        BorderThickness="{StaticResource CalendarWeekHeaderHorizontalOuterBorderThickness}"
                                        Margin="{StaticResource CalendarWeekHeaderHorizontalOuterBorderMargin}"
                                        Visibility="{Binding Path=HideRow, Converter={StaticResource InvertedBooleanToVisibilityConverterInstance}}" />
                                <Border x:Name="VerticalInnerBorder" Grid.RowSpan="2"
                                        Canvas.ZIndex="{StaticResource CalendarWeekHeaderVerticalInnerBorderZIndex}"
                                        BorderBrush="{StaticResource CalendarWeekHeaderVerticalInnerBorder}"
                                        BorderThickness="{StaticResource CalendarWeekHeaderVerticalInnerBorderThickness}"
                                        Margin="{StaticResource CalendarWeekHeaderVerticalInnerBorderMargin}"
                                        Visibility="{Binding Path=HideColumn, Converter={StaticResource InvertedBooleanToVisibilityConverterInstance}}" />
                                <Border x:Name="HorizontalInnerBorder" Grid.ColumnSpan="2"
                                        Canvas.ZIndex="{StaticResource CalendarWeekHeaderHorizontalInnerBorderZIndex}"
                                        BorderBrush="{StaticResource CalendarWeekHeaderHorizontalInnerBorder}"
                                        BorderThickness="{StaticResource CalendarWeekHeaderHorizontalInnerBorderThickness}"
                                        Margin="{StaticResource CalendarWeekHeaderHorizontalInnerBorderMargin}"
                                        Visibility="{Binding Path=HideRow, Converter={StaticResource InvertedBooleanToVisibilityConverterInstance}}" />
                                <Rectangle x:Name="VerticalBackground" Grid.RowSpan="2"
                                        Canvas.ZIndex="{StaticResource CalendarWeekHeaderVerticalBackgroundZIndex}"
                                        Fill="{StaticResource CalendarWeekHeaderVerticalBackground}"
                                        Margin="{StaticResource CalendarWeekHeaderVerticalBackgroundMargin}"
                                        Visibility="{Binding Path=HideColumn, Converter={StaticResource InvertedBooleanToVisibilityConverterInstance}}" />
                                <Rectangle x:Name="HorizontalBackground" Grid.ColumnSpan="2"
                                        Canvas.ZIndex="{StaticResource CalendarWeekHeaderHorizontalBackgroundZIndex}"
                                        Fill="{StaticResource CalendarWeekHeaderHorizontalBackground}"
                                        Margin="{StaticResource CalendarWeekHeaderHorizontalBackgroundMargin}"
                                        Visibility="{Binding Path=HideRow, Converter={StaticResource InvertedBooleanToVisibilityConverterInstance}}" />
     
                            </Grid>
     
                            <ItemsPresenter Grid.Row="1" Margin="{StaticResource CalendarItemsMargin}" />
                            <Border x:Name="BorderBrush" Grid.RowSpan="2" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}" />
                            <Rectangle x:Name="MinDesiredSize" Grid.Row="1" Width="240" Height="155" />
                        </Grid>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
            <Setter Property="Margin" Value="0" />
        </Style>
     
        <!--calendar:CalendarView-->
        <Style TargetType="calendar:CalendarView" BasedOn="{StaticResource MonthViewStyle}" />
     
        <!-- HeaderButtonChrome -->
        <Style x:Key="HeaderButtonChrome" TargetType="telerikChromes:ButtonChrome">
            <Setter Property="BorderThickness" Value="1" />
            <Setter Property="BorderBrush" Value="{StaticResource HeaderButtonOuterBorder_Normal}" />
            <Setter Property="Background" Value="{StaticResource HeaderButtonBackground_Normal}" />
            <Setter Property="CornerRadius" Value="{StaticResource SplitButton_SpanCornerRadius}" />
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="telerikChromes:ButtonChrome">
                        <Grid>
     
                            <VisualStateManager.VisualStateGroups>
                                <VisualStateGroup x:Name="CommonStates">
                                    <VisualState x:Name="Normal" />
                                    <VisualState x:Name="MouseOver">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="OuterBorder" Storyboard.TargetProperty="BorderBrush">
                                                <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource HeaderButtonOuterBorder_MouseOver}" />
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="InnerBorder" Storyboard.TargetProperty="BorderBrush">
                                                <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource HeaderButtonInnerBorder_MouseOver}" />
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="OuterBorder" Storyboard.TargetProperty="Background">
                                                <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource HeaderButtonBackground_MouseOver}" />
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                    <VisualState x:Name="Pressed">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="OuterBorder" Storyboard.TargetProperty="BorderBrush">
                                                <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource HeaderButtonOuterBorder_Pressed}" />
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="InnerBorder" Storyboard.TargetProperty="BorderBrush">
                                                <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource HeaderButtonInnerBorder_Pressed}" />
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="OuterBorder" Storyboard.TargetProperty="Background">
                                                <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource HeaderButtonBackground_Pressed}" />
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                </VisualStateGroup>
                            </VisualStateManager.VisualStateGroups>
     
                            <Border x:Name="OuterBorder" CornerRadius="{TemplateBinding CornerRadius}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}">
                                <Border x:Name="InnerBorder" CornerRadius="{TemplateBinding InnerCornerRadius}" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{StaticResource HeaderButtonInnerBorder_Normal}" />
                            </Border>
                        </Grid>
     
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
     
        <!--MoveLeftButtonStyle-->
        <Style x:Key="MoveLeftButtonStyle" TargetType="RepeatButton">
            <Setter Property="Width" Value="22" />
            <Setter Property="Height" Value="22" />
            <Setter Property="Margin" Value="3" />
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="RepeatButton">
                        <Grid Background="Transparent">
     
                            <vsm:VisualStateManager.VisualStateGroups>
                                <VisualStateGroup x:Name="CommonStates">
                                    <VisualState x:Name="Disabled">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="BackgroundIcon" Storyboard.TargetProperty="Fill">
                                                <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource HeaderButtonIconBackground_Disabled}" />
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ForegroundIcon" Storyboard.TargetProperty="Fill">
                                                <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource HeaderButtonIconForeground_Disabled}" />
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                    <VisualState x:Name="Normal" />
                                    <VisualState x:Name="MouseOver">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="BackgroundIcon" Storyboard.TargetProperty="Fill">
                                                <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource HeaderButtonIconBackground_MouseOver}" />
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ForegroundIcon" Storyboard.TargetProperty="Fill">
                                                <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource HeaderButtonIconForeground_MouseOver}" />
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                    <VisualState x:Name="Pressed">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="BackgroundIcon" Storyboard.TargetProperty="Fill">
                                                <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource HeaderButtonIconBackground_Pressed}" />
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ForegroundIcon" Storyboard.TargetProperty="Fill">
                                                <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource HeaderButtonIconForeground_Pressed}" />
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                </VisualStateGroup>
                            </vsm:VisualStateManager.VisualStateGroups>
     
                            <telerikChromes:ButtonChrome Style="{StaticResource HeaderButtonChrome}" CornerRadius="{StaticResource SplitButton_SpanCornerRadius}"
                                    RenderMouseOver="{TemplateBinding IsMouseOver}" RenderPressed="{TemplateBinding IsPressed}" RenderFocused="{TemplateBinding IsFocused}" />
                            <Path x:Name="BackgroundIcon" Fill="{StaticResource HeaderButtonIconBackground_Normal}" Margin="0 2 0 0" Width="4" Height="7"
                                    Data="M4,0 L4,7 3,7 3,6 2,6 2,5 1,5 1,4 0,4 0,3 1,3 1,2 2,2 2,1 3,1 3,0 z" />
                            <Path x:Name="ForegroundIcon" Fill="{StaticResource HeaderButtonIconForeground_Normal}" Margin="0 1 0 1" Width="4" Height="7"
                                    Data="M4,0 L4,7 3,7 3,6 2,6 2,5 1,5 1,4 0,4 0,3 1,3 1,2 2,2 2,1 3,1 3,0 z" />
                        </Grid>
     
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
     
        <!--MoveRightButtonStyle-->
        <Style x:Key="MoveRightButtonStyle" TargetType="RepeatButton">
            <Setter Property="Width" Value="22" />
            <Setter Property="Height" Value="22" />
            <Setter Property="Margin" Value="3" />
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="RepeatButton">
                        <Grid Background="Transparent">
     
                            <vsm:VisualStateManager.VisualStateGroups>
                                <VisualStateGroup x:Name="CommonStates">
                                    <VisualState x:Name="Disabled">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="BackgroundIcon" Storyboard.TargetProperty="Fill">
                                                <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource HeaderButtonIconBackground_Disabled}" />
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ForegroundIcon" Storyboard.TargetProperty="Fill">
                                                <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource HeaderButtonIconForeground_Disabled}" />
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                    <VisualState x:Name="Normal" />
                                    <VisualState x:Name="MouseOver">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="BackgroundIcon" Storyboard.TargetProperty="Fill">
                                                <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource HeaderButtonIconBackground_MouseOver}" />
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ForegroundIcon" Storyboard.TargetProperty="Fill">
                                                <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource HeaderButtonIconForeground_MouseOver}" />
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                    <VisualState x:Name="Pressed">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="BackgroundIcon" Storyboard.TargetProperty="Fill">
                                                <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource HeaderButtonIconBackground_Pressed}" />
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ForegroundIcon" Storyboard.TargetProperty="Fill">
                                                <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource HeaderButtonIconForeground_Pressed}" />
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                </VisualStateGroup>
                            </vsm:VisualStateManager.VisualStateGroups>
     
                            <telerikChromes:ButtonChrome Style="{StaticResource HeaderButtonChrome}" CornerRadius="{StaticResource SplitButton_SpanCornerRadius}"
                                    RenderMouseOver="{TemplateBinding IsMouseOver}" RenderPressed="{TemplateBinding IsPressed}" RenderFocused="{TemplateBinding IsFocused}" />
                            <Path x:Name="BackgroundIcon" Fill="{StaticResource HeaderButtonIconBackground_Normal}" Margin="0 2 0 0" Width="4" Height="7"
                                    Data="M0,0 L0,7 1,7 1,6 2,6 2,5 3,5 3,4 4,4 4,3 3,3 3,2 2,2 2,1 1,1 1,0 z" />
                            <Path x:Name="ForegroundIcon" Fill="{StaticResource HeaderButtonIconForeground_Normal}" Margin="0 1 0 1" Width="4" Height="7"
                                    Data="M0,0 L0,7 1,7 1,6 2,6 2,5 3,5 3,4 4,4 4,3 3,3 3,2 2,2 2,1 1,1 1,0 z" />
                        </Grid>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
     
        <!--CalendarHeaderButton-->
        <Style x:Key="CalendarHeaderButton" TargetType="Button">
            <Setter Property="Height" Value="22" />
            <Setter Property="Margin" Value="3" />
            <Setter Property="Cursor" Value="Hand" />
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="Button">
                        <Grid x:Name="LayoutRoot">
     
                            <vsm:VisualStateManager.VisualStateGroups>
                                <VisualStateGroup x:Name="CommonStates">
                                    <VisualState x:Name="Disabled">
                                        <Storyboard>
                                            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="LayoutRoot" Storyboard.TargetProperty="Opacity">
                                                <DiscreteDoubleKeyFrame KeyTime="0" Value="0.75" />
                                            </DoubleAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                    <VisualState x:Name="Normal" />
                                    <VisualState x:Name="MouseOver">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="BackgroundText" Storyboard.TargetProperty="TextDecorations">
                                                <DiscreteObjectKeyFrame KeyTime="0" Value="Underline" />
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ForegroundText" Storyboard.TargetProperty="TextDecorations">
                                                <DiscreteObjectKeyFrame KeyTime="0" Value="Underline" />
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                    <VisualState x:Name="Focused">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="BackgroundText" Storyboard.TargetProperty="TextDecorations">
                                                <DiscreteObjectKeyFrame KeyTime="0" Value="Underline" />
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ForegroundText" Storyboard.TargetProperty="TextDecorations">
                                                <DiscreteObjectKeyFrame KeyTime="0" Value="Underline" />
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                    <VisualState x:Name="Pressed">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="BackgroundText" Storyboard.TargetProperty="TextDecorations">
                                                <DiscreteObjectKeyFrame KeyTime="0" Value="Underline" />
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ForegroundText" Storyboard.TargetProperty="TextDecorations">
                                                <DiscreteObjectKeyFrame KeyTime="0" Value="Underline" />
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                </VisualStateGroup>
                            </vsm:VisualStateManager.VisualStateGroups>
     
                            <TextBlock x:Name="BackgroundText" Text="{TemplateBinding Content}" Margin="0 2 0 0" HorizontalAlignment="Center" VerticalAlignment="Center"
                                    FontWeight="{StaticResource HeaderTextFontWeight}" Foreground="{StaticResource HeaderTextBackground}" />
                            <TextBlock x:Name="ForegroundText" Text="{TemplateBinding Content}" Margin="0 1 0 1" HorizontalAlignment="Center"
                                    VerticalAlignment="Center" FontWeight="{StaticResource HeaderTextFontWeight}" Foreground="{StaticResource HeaderTextForeground}" />
                        </Grid>
     
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
     
        <!--telerikInput:RadCalendar-->
        <Style TargetType="telerikInput:RadCalendar" x:Key="RadCalendarDefaultStyleKey">
            <Setter Property="Columns" Value="1" />
            <Setter Property="Rows" Value="1" />
            <Setter Property="AreWeekNumbersVisible" Value="False" />  <!--week numbers-->
            <Setter Property="Foreground" Value="{StaticResource PickerForeground_Normal}" />
            <Setter Property="MonthViewStyle" Value="{StaticResource MonthViewStyle}" />
            <Setter Property="YearViewStyle" Value="{StaticResource CalendarViewStyle}" />
            <Setter Property="DecadeViewStyle" Value="{StaticResource CalendarViewStyle}" />
            <Setter Property="CenturyViewStyle" Value="{StaticResource CalendarViewStyle}" />
            <Setter Property="DayButtonStyle" Value="{StaticResource CalendarButtonStyle}" />
            <Setter Property="MonthButtonStyle" Value="{StaticResource CalendarButtonStyle}" />
            <Setter Property="YearButtonStyle" Value="{StaticResource CalendarButtonStyle}" />
            <Setter Property="DecadeButtonStyle" Value="{StaticResource CalendarButtonStyle}" />
            <Setter Property="Background" Value="{StaticResource PanelBackground}" />
            <Setter Property="BorderBrush" Value="{StaticResource CalendarOuterBorder}" />
            <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="telerikInput:RadCalendar">
                        <Grid>
     
                            <Grid.RowDefinitions>
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="*" />
                            </Grid.RowDefinitions>
     
                            <Border x:Name="Background" Grid.RowSpan="2" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" />
     
                            <calendar:TransitionPanel x:Name="TransitionPanel" Grid.Row="1" ClipToBounds="True" Margin="{StaticResource CalendarTransitionPanelMargin}">
                                <primitives:RadUniformGrid x:Name="MonthViews" Margin="1 1 0 0" Rows="{TemplateBinding Rows}" Columns="{TemplateBinding Columns}" />
                                <primitives:RadUniformGrid x:Name="YearViews" Margin="1 1 0 0" Rows="{TemplateBinding Rows}" Columns="{TemplateBinding Columns}" Visibility="Collapsed" />
                                <primitives:RadUniformGrid x:Name="DecadeViews" Margin="1 1 0 0" Rows="{TemplateBinding Rows}" Columns="{TemplateBinding Columns}" Visibility="Collapsed" />
                                <primitives:RadUniformGrid x:Name="CenturyViews" Margin="1 1 0 0" Rows="{TemplateBinding Rows}" Columns="{TemplateBinding Columns}" Visibility="Collapsed" />
                            </calendar:TransitionPanel>
     
                            <Border x:Name="OuterBorder" Grid.RowSpan="2" BorderThickness="{TemplateBinding BorderThickness}" CornerRadius="{StaticResource CalendarOuterBorderCornerRadius}" BorderBrush="{TemplateBinding BorderBrush}">
                                <Border x:Name="InnerBorder" BorderBrush="{StaticResource CalendarInnerBorder}" CornerRadius="{StaticResource CalendarInnerBorderCornerRadius}" BorderThickness="1" />
                            </Border>
     
                            <Border x:Name="Navigation" Margin="0 0 0 -1" Canvas.ZIndex="2"
                                    Visibility="{TemplateBinding HeaderVisibility}"
                                    BorderThickness="{StaticResource CalendarHeaderBorderThickness}"
                                    CornerRadius="{StaticResource CalendarHeaderOuterCornerRadius}"
                                    BorderBrush="{StaticResource HeaderOuterBorder}"
                                    Background="{StaticResource BgCalendar}">
                                <Border BorderThickness="{StaticResource CalendarHeaderBorderThickness}" BorderBrush="{StaticResource HeaderInnerBorder}"
                                        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 MoveLeftButtonStyle}" />
                                        <Button x:Name="Header" Grid.Column="1" Style="{StaticResource CalendarHeaderButton}" />
                                        <RepeatButton x:Name="MoveRight" Grid.Column="2" Style="{StaticResource MoveRightButtonStyle}" />
     
                                    </Grid>
                                </Border>
                            </Border>
                        </Grid>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
            <Setter Property="MonthViewPanel">
                <Setter.Value>
                    <ItemsPanelTemplate>
                        <calendar:CalendarPanel PreserveSpaceForCollapsedChildren="True" FirstColumn="1" VerticalAlignment="Stretch" Rows="7" Columns="8" />
                    </ItemsPanelTemplate>
                </Setter.Value>
            </Setter>
            <Setter Property="YearViewPanel">
                <Setter.Value>
                    <ItemsPanelTemplate>
                        <calendar:CalendarPanel PreserveSpaceForCollapsedChildren="True" VerticalAlignment="Stretch" Rows="3" Columns="4" />
                    </ItemsPanelTemplate>
                </Setter.Value>
            </Setter>
            <Setter Property="DecadeViewPanel">
                <Setter.Value>
                    <ItemsPanelTemplate>
                        <calendar:CalendarPanel PreserveSpaceForCollapsedChildren="True" VerticalAlignment="Stretch" Rows="3" Columns="4" />
                    </ItemsPanelTemplate>
                </Setter.Value>
            </Setter>
            <Setter Property="CenturyViewPanel">
                <Setter.Value>
                    <ItemsPanelTemplate>
                        <calendar:CalendarPanel PreserveSpaceForCollapsedChildren="True" VerticalAlignment="Stretch" Rows="3" Columns="4" />
                    </ItemsPanelTemplate>
                </Setter.Value>
            </Setter>
        </Style>
     
        <Style TargetType="telerikInput:RadCalendar" BasedOn="{StaticResource RadCalendarDefaultStyleKey}" />
     
        <DataTemplate x:Key="WatermarkTemplate">
            <TextBlock Opacity="0.5" Text="{Binding}" />
        </DataTemplate>
     
        <DataTemplate x:Key="TooltipTemplate">
            <Border CornerRadius="2" Background="{StaticResource TooltipBackground}" BorderBrush="{StaticResource Tooltip_OuterBorderBrush}" BorderThickness="{StaticResource Tooltip_OuterBorderThickness}" Margin="0 2">
                <Border CornerRadius="1" BorderBrush="{StaticResource TooltipInnerBorderBrush}" BorderThickness="{StaticResource Tooltip_OuterBorderThickness}">
                    <ContentControl Foreground="{StaticResource TooltipForeground}" Margin="5 2" Content="{Binding}" />
                </Border>
            </Border>
        </DataTemplate>
     
        <SolidColorBrush x:Key="ButtonOuterBorder_Normal" Color="#595959" />
        <LinearGradientBrush x:Key="ButtonBackground_Normal" EndPoint="0.5,1" StartPoint="0.5,0">
            <GradientStop Color="#E5FFFFFF" Offset="0" />
            <GradientStop Color="#B2EEEEEE" Offset="0.5" />
            <GradientStop Color="#B2EEEEEE" Offset="0.5" />
            <GradientStop Color="#66BBBBBB" Offset="1" />
        </LinearGradientBrush>
        <CornerRadius x:Key="ButtonOuterBorder_CornerRadius">3</CornerRadius>
        <SolidColorBrush x:Key="ButtonOuterBorder_MouseOver" Color="#CC727272" />
        <RadialGradientBrush x:Key="ButtonBackground_MouseOver" Center="0.5,1.11" GradientOrigin="0.5,1" RadiusX="0.4">
            <GradientStop Color="#B2CCFF" Offset="0.45" />
            <GradientStop Color="#bfbfbf" Offset="0.9" />
        </RadialGradientBrush>
        <SolidColorBrush x:Key="ButtonOuterBorder_Pressed" Color="#CC999999" />
        <LinearGradientBrush x:Key="ButtonBackground_Pressed" EndPoint="0.5,1" StartPoint="0.5,0">
            <GradientStop Color="#FFFAFBFD" Offset="0.004" />
            <GradientStop Color="#FFEBF3FD" Offset="1" />
        </LinearGradientBrush>
     
        <Style x:Key="CloseButtonStyle" TargetType="telerik:RadToggleButton" >
            <Setter Property="BorderThickness" Value="0.5" />
            <Setter Property="BorderBrush" Value="{StaticResource ButtonOuterBorder_Normal}" />
            <Setter Property="Background" Value="{StaticResource ButtonBackground_Normal}" />
            <Setter Property="Foreground" Value="#003399" />
            <Setter Property="FontFamily" Value="Helvetica"/>
            <Setter Property="HorizontalContentAlignment" Value="Center" />
            <Setter Property="VerticalContentAlignment" Value="Center" />
            <Setter Property="Padding" Value="3" />
            <Setter Property="CornerRadius" Value="{StaticResource ButtonOuterBorder_CornerRadius}" />
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="telerik:RadToggleButton">
                        <Grid>
                            <VisualStateManager.VisualStateGroups>
                                <VisualStateGroup x:Name="CommonStates">
                                    <VisualState x:Name="Normal" />
                                    <!--<VisualState x:Name="BackgroundHiden">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames Duration="0:0:0" Storyboard.TargetName="OuterBorder" Storyboard.TargetProperty="Opacity">
                                                <DiscreteObjectKeyFrame KeyTime="0:0:0" Value="0" />
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>-->
                                    <VisualState x:Name="MouseOver">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames Duration="0:0:0" Storyboard.TargetName="OuterBorder" Storyboard.TargetProperty="BorderBrush">
                                                <DiscreteObjectKeyFrame KeyTime="0:0:0" Value="{StaticResource ButtonOuterBorder_MouseOver}" />
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames Duration="0:0:0" Storyboard.TargetName="OuterBorder" Storyboard.TargetProperty="Background">
                                                <DiscreteObjectKeyFrame KeyTime="0:0:0" Value="{StaticResource ButtonBackground_MouseOver}" />
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                    <VisualState x:Name="Pressed">
                                        <Storyboard>
                                            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="CommonStatesWrapper" Storyboard.TargetProperty="Opacity">
                                                <DiscreteDoubleKeyFrame KeyTime="00:00:00.050" Value="0" />
                                            </DoubleAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames Duration="0:0:0" Storyboard.TargetName="OuterBorder" Storyboard.TargetProperty="BorderBrush">
                                                <DiscreteObjectKeyFrame KeyTime="0:0:0" Value="{StaticResource ButtonOuterBorder_Pressed}" />
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames Duration="0:0:0" Storyboard.TargetName="OuterBorder" Storyboard.TargetProperty="Background">
                                                <DiscreteObjectKeyFrame KeyTime="0:0:0" Value="{StaticResource ButtonBackground_Pressed}" />
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                    <VisualState x:Name="Disabled">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="OuterBorder" Storyboard.TargetProperty="BorderBrush" Duration="0:0:0">
                                                <DiscreteObjectKeyFrame KeyTime="0:0:0" Value="{StaticResource ControlOuterBorder_Disabled}" />
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="OuterBorder" Storyboard.TargetProperty="Background" Duration="0:0:0">
                                                <DiscreteObjectKeyFrame KeyTime="0:0:0" Value="{StaticResource ControlBackground_Disabled}" />
                                            </ObjectAnimationUsingKeyFrames>
                                            <DoubleAnimation Duration="0" Storyboard.TargetName="Content" Storyboard.TargetProperty="Opacity" To="0.5" />
                                        </Storyboard>
                                    </VisualState>
                                </VisualStateGroup>
                                <VisualStateGroup x:Name="FocusStatesGroup">
                                    <VisualState x:Name="Unfocused">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="FocusVisual" Storyboard.TargetProperty="Visibility">
                                                <DiscreteObjectKeyFrame KeyTime="00:00:00.150" Value="Collapsed"/>
                                            </ObjectAnimationUsingKeyFrames>
                                            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="FocusVisual" Storyboard.TargetProperty="Opacity">
                                                <LinearDoubleKeyFrame KeyTime="00:00:00.150" Value="0" />
                                            </DoubleAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                    <VisualState x:Name="Focused">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="FocusVisual" Storyboard.TargetProperty="Visibility">
                                                <DiscreteObjectKeyFrame KeyTime="0:0:0" Value="Visible"/>
                                            </ObjectAnimationUsingKeyFrames>
                                            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="FocusVisual" Storyboard.TargetProperty="Opacity">
                                                <LinearDoubleKeyFrame KeyTime="00:00:00.115" Value="1" />
                                            </DoubleAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                </VisualStateGroup>
                            </VisualStateManager.VisualStateGroups>
     
                            <Border x:Name="OuterBorder" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}" Background="{TemplateBinding Background}"
                                    CornerRadius="{TemplateBinding CornerRadius}" >
                                <Path x:Name="Path" Stretch="Fill" Stroke="Red" Margin="4" RenderTransformOrigin="0.5,0.5" Data="M5,0.5 L6,0.5 6,5 10.5,5 10.5,6 6,6 6,10.5 5,10.5 5,6 0.5,6 0.5,5 5,5 z">
                                    <Path.RenderTransform>
                                        <RotateTransform Angle="-45"/>
                                    </Path.RenderTransform>
                                </Path>
                            </Border>
                            <ContentPresenter x:Name="Content" Margin="{TemplateBinding Padding}" Content="{TemplateBinding Content}" ContentTemplate="{TemplateBinding ContentTemplate}"
                                              VerticalAlignment="{TemplateBinding VerticalContentAlignment}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" />
                            <!-- Focus -->
                            <Border x:Name="CommonStatesWrapper">
                                <Border x:Name="FocusVisual" Visibility="Collapsed" Opacity="0" BorderThickness="1" CornerRadius="{TemplateBinding CornerRadius}" BorderBrush="#CC999999" Background="Transparent"/>
                            </Border>
                        </Grid>
                         
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
     
        <Style x:Key="CloseButtonStyle2" TargetType="telerik:RadToggleButton" >
            <Setter Property="BorderThickness" Value="0.5" />
            <Setter Property="BorderBrush" Value="Transparent" />
            <Setter Property="Background" Value="Transparent" />
            <Setter Property="HorizontalContentAlignment" Value="Center" />
            <Setter Property="VerticalContentAlignment" Value="Center" />
            <Setter Property="Padding" Value="2" />
            <Setter Property="CornerRadius" Value="{StaticResource ButtonOuterBorder_CornerRadius}" />
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="telerik:RadToggleButton">
                        <Grid>
                            <VisualStateManager.VisualStateGroups>
                                <VisualStateGroup x:Name="CommonStates">
                                    <VisualState x:Name="Normal" />
                                    <VisualState x:Name="MouseOver">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Path" Storyboard.TargetProperty="Stroke">
                                                <DiscreteObjectKeyFrame KeyTime="0" Value="red" />
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                    <VisualState x:Name="Pressed">
                                        <Storyboard>
                                            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="CommonStatesWrapper" Storyboard.TargetProperty="Opacity">
                                                <DiscreteDoubleKeyFrame KeyTime="00:00:00.050" Value="0" />
                                            </DoubleAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Path" Storyboard.TargetProperty="Stroke">
                                                <DiscreteObjectKeyFrame KeyTime="0" Value="#B20000" />
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                    <VisualState x:Name="Disabled">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Path" Storyboard.TargetProperty="Stroke">
                                                <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource ControlElement_Disabled}" />
                                            </ObjectAnimationUsingKeyFrames>
                                            <DoubleAnimation Duration="0" Storyboard.TargetName="Content" Storyboard.TargetProperty="Opacity" To="0.5" />
                                        </Storyboard>
                                    </VisualState>
                                </VisualStateGroup>
                                <VisualStateGroup x:Name="FocusStatesGroup">
                                    <VisualState x:Name="Unfocused">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="FocusVisual" Storyboard.TargetProperty="Visibility">
                                                <DiscreteObjectKeyFrame KeyTime="00:00:00.150" Value="Collapsed"/>
                                            </ObjectAnimationUsingKeyFrames>
                                            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="FocusVisual" Storyboard.TargetProperty="Opacity">
                                                <LinearDoubleKeyFrame KeyTime="00:00:00.150" Value="0" />
                                            </DoubleAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                    <VisualState x:Name="Focused">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="FocusVisual" Storyboard.TargetProperty="Visibility">
                                                <DiscreteObjectKeyFrame KeyTime="0:0:0" Value="Visible"/>
                                            </ObjectAnimationUsingKeyFrames>
                                            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="FocusVisual" Storyboard.TargetProperty="Opacity">
                                                <LinearDoubleKeyFrame KeyTime="00:00:00.115" Value="1" />
                                            </DoubleAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                </VisualStateGroup>
                            </VisualStateManager.VisualStateGroups>
     
                            <Border x:Name="OuterBorder" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}" Background="{TemplateBinding Background}"
                                    CornerRadius="{TemplateBinding CornerRadius}" >
                                <Path x:Name="Path" Stretch="Fill" Stroke="White" Margin="4" RenderTransformOrigin="0.5,0.5" Data="M5,0.5 L6,0.5 6,5 10.5,5 10.5,6 6,6 6,10.5 5,10.5 5,6 0.5,6 0.5,5 5,5 z">
                                    <Path.RenderTransform>
                                        <RotateTransform Angle="-45"/>
                                    </Path.RenderTransform>
                                </Path>
                            </Border>
                            <ContentPresenter x:Name="Content" Margin="{TemplateBinding Padding}" Content="{TemplateBinding Content}" ContentTemplate="{TemplateBinding ContentTemplate}"
                                              VerticalAlignment="{TemplateBinding VerticalContentAlignment}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" />
                            <!-- Focus -->
                            <Border x:Name="CommonStatesWrapper">
                                <Border x:Name="FocusVisual" Visibility="Collapsed" Opacity="0" BorderThickness="1" CornerRadius="{TemplateBinding CornerRadius}" BorderBrush="Transparent" Background="Transparent"/>
                            </Border>
                        </Grid>
     
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
     
        <!--<SolidColorBrush x:Key="ControlElement_Active" Color="#FF1E395B" />
        <SolidColorBrush x:Key="ControlElement_Normal" Color="#FF1E395B" />-->
        <SolidColorBrush x:Key="ControlOuterBorder" Color="#595959" />
        <SolidColorBrush x:Key="ControlBackground" Color="#FFFCFCFC" />
        <SolidColorBrush x:Key="ControlOuterBorder_Checked" Color="#CC999999" />
        <LinearGradientBrush x:Key="ControlBackground_Checked" EndPoint="0.5,1" StartPoint="0.5,0">
            <GradientStop Color="#FFC0CBD9" Offset="0" />
            <GradientStop Color="#FFE6EAEE" Offset="0.5" />
        </LinearGradientBrush>
     
        <Style x:Key="DropDownButtonS" TargetType="telerik:RadDropDownButton" >
            <Setter Property="IsOpen" Value="false" />
            <Setter Property="BorderThickness" Value="1" />
            <Setter Property="BorderBrush" Value="{StaticResource ButtonOuterBorder_Normal}" />
            <Setter Property="Background" Value="{StaticResource ButtonBackground_Normal}" />
            <Setter Property="HorizontalContentAlignment" Value="Center" />
            <Setter Property="VerticalContentAlignment" Value="Center" />
            <Setter Property="Padding" Value="3" />
            <Setter Property="CornerRadius" Value="0 2 2 0" />
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="telerik:RadDropDownButton">
                        <Grid>
                            <VisualStateManager.VisualStateGroups>
                                <VisualStateGroup x:Name="CommonStates">
                                    <VisualState x:Name="Normal" />
                                    <VisualState x:Name="BackgroundHiden">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames Duration="0:0:0" Storyboard.TargetName="OuterBorder" Storyboard.TargetProperty="Opacity">
                                                <DiscreteObjectKeyFrame KeyTime="0:0:0" Value="0" />
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                    <VisualState x:Name="MouseOver">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames Duration="0:0:0" Storyboard.TargetName="OuterBorder" Storyboard.TargetProperty="BorderBrush">
                                                <DiscreteObjectKeyFrame KeyTime="0:0:0" Value="{StaticResource ButtonOuterBorder_MouseOver}" />
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames Duration="0:0:0" Storyboard.TargetName="OuterBorder" Storyboard.TargetProperty="Background">
                                                <DiscreteObjectKeyFrame KeyTime="0:0:0" Value="{StaticResource ButtonBackground_MouseOver}" />
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                    <VisualState x:Name="Pressed">
                                        <Storyboard>
                                            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="CommonStatesWrapper" Storyboard.TargetProperty="Opacity">
                                                <DiscreteDoubleKeyFrame KeyTime="00:00:00.050" Value="0" />
                                            </DoubleAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames Duration="0:0:0" Storyboard.TargetName="OuterBorder" Storyboard.TargetProperty="BorderBrush">
                                                <DiscreteObjectKeyFrame KeyTime="0:0:0" Value="{StaticResource ButtonOuterBorder_Pressed}" />
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames Duration="0:0:0" Storyboard.TargetName="OuterBorder" Storyboard.TargetProperty="Background">
                                                <DiscreteObjectKeyFrame KeyTime="0:0:0" Value="{StaticResource ButtonBackground_Pressed}" />
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                    <VisualState x:Name="Disabled">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="OuterBorder" Storyboard.TargetProperty="BorderBrush" Duration="0:0:0">
                                                <DiscreteObjectKeyFrame KeyTime="0:0:0" Value="{StaticResource ControlOuterBorder_Disabled}" />
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="OuterBorder" Storyboard.TargetProperty="Background" Duration="0:0:0">
                                                <DiscreteObjectKeyFrame KeyTime="0:0:0" Value="{StaticResource ControlBackground_Disabled}" />
                                            </ObjectAnimationUsingKeyFrames>
                                            <DoubleAnimation Duration="0" Storyboard.TargetName="Content" Storyboard.TargetProperty="Opacity" To="0.5" />
                                        </Storyboard>
                                    </VisualState>
                                </VisualStateGroup>
                                <VisualStateGroup x:Name="IsOpenState">
                                    <VisualState x:Name="Closed" />
                                    <VisualState x:Name="Opened">
                                        <Storyboard>
                                            <DoubleAnimation Duration="0" Storyboard.TargetName="CheckedVisual" Storyboard.TargetProperty="Opacity" To="1" />
                                            <!--<ObjectAnimationUsingKeyFrames Storyboard.TargetName="DropDownIndicator" Storyboard.TargetProperty="Fill">
                                                <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource ControlElement_Active}" />
                                            </ObjectAnimationUsingKeyFrames>-->
                                        </Storyboard>
                                    </VisualState>
                                </VisualStateGroup>
                                <VisualStateGroup x:Name="DropDownButtonPosition">
                                    <VisualState x:Name="DropDownButtonAtLeft">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="DropDownIndicator" Storyboard.TargetProperty="(Grid.Column)">
                                                <DiscreteObjectKeyFrame KeyTime="0" Value="0" />
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="DropDownIndicator" Storyboard.TargetProperty="(Grid.Row)">
                                                <DiscreteObjectKeyFrame KeyTime="0" Value="1" />
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                    <VisualState x:Name="DropDownButtonAtTop">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="DropDownIndicator" Storyboard.TargetProperty="(Grid.Column)">
                                                <DiscreteObjectKeyFrame KeyTime="0" Value="1" />
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="DropDownIndicator" Storyboard.TargetProperty="(Grid.Row)">
                                                <DiscreteObjectKeyFrame KeyTime="0" Value="0" />
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                    <VisualState x:Name="DropDownButtonAtRight">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="DropDownIndicator" Storyboard.TargetProperty="(Grid.Column)">
                                                <DiscreteObjectKeyFrame KeyTime="0" Value="2" />
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="DropDownIndicator" Storyboard.TargetProperty="(Grid.Row)">
                                                <DiscreteObjectKeyFrame KeyTime="0" Value="1" />
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                    <VisualState x:Name="DropDownButtonAtBottom">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="DropDownIndicator" Storyboard.TargetProperty="(Grid.Column)">
                                                <DiscreteObjectKeyFrame KeyTime="0" Value="1" />
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="DropDownIndicator" Storyboard.TargetProperty="(Grid.Row)">
                                                <DiscreteObjectKeyFrame KeyTime="0" Value="2" />
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                </VisualStateGroup>
                                <VisualStateGroup x:Name="PopupPlacementState">
                                    <VisualState x:Name="PlacementBottom" />
                                    <VisualState x:Name="PlacementTop">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="DropDownIndicator" Storyboard.TargetProperty="RenderTransform">
                                                <DiscreteObjectKeyFrame KeyTime="0">
                                                    <DiscreteObjectKeyFrame.Value>
                                                        <TransformGroup>
                                                            <RotateTransform Angle="180" />
                                                        </TransformGroup>
                                                    </DiscreteObjectKeyFrame.Value>
                                                </DiscreteObjectKeyFrame>
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                    <VisualState x:Name="PlacementLeft">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="DropDownIndicator" Storyboard.TargetProperty="RenderTransform">
                                                <DiscreteObjectKeyFrame KeyTime="0">
                                                    <DiscreteObjectKeyFrame.Value>
                                                        <TransformGroup>
                                                            <RotateTransform Angle="90" />
                                                        </TransformGroup>
                                                    </DiscreteObjectKeyFrame.Value>
                                                </DiscreteObjectKeyFrame>
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                    <VisualState x:Name="PlacementRight">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="DropDownIndicator" Storyboard.TargetProperty="RenderTransform">
                                                <DiscreteObjectKeyFrame KeyTime="0">
                                                    <DiscreteObjectKeyFrame.Value>
                                                        <TransformGroup>
                                                            <RotateTransform Angle="-90" />
                                                        </TransformGroup>
                                                    </DiscreteObjectKeyFrame.Value>
                                                </DiscreteObjectKeyFrame>
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                </VisualStateGroup>
                                <VisualStateGroup x:Name="FocusStatesGroup">
                                    <VisualState x:Name="Unfocused">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="FocusVisual" Storyboard.TargetProperty="Visibility">
                                                <DiscreteObjectKeyFrame KeyTime="00:00:00.150" Value="Collapsed"/>
                                            </ObjectAnimationUsingKeyFrames>
                                            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="FocusVisual" Storyboard.TargetProperty="Opacity">
                                                <LinearDoubleKeyFrame KeyTime="00:00:00.150" Value="0" />
                                            </DoubleAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                    <VisualState x:Name="Focused">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="FocusVisual" Storyboard.TargetProperty="Visibility">
                                                <DiscreteObjectKeyFrame KeyTime="0:0:0" Value="Collapsed"/>
                                            </ObjectAnimationUsingKeyFrames>
                                            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="FocusVisual" Storyboard.TargetProperty="Opacity">
                                                <LinearDoubleKeyFrame KeyTime="00:00:00.115" Value="1" />
                                            </DoubleAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                </VisualStateGroup>
                            </VisualStateManager.VisualStateGroups>
     
                            <Border x:Name="OuterBorder" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" CornerRadius="{TemplateBinding CornerRadius}"/>
                             
                            <!-- checked -->
                            <Border x:Name="CheckedVisual" Opacity="0" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{StaticResource ControlOuterBorder_Checked}" CornerRadius="{TemplateBinding CornerRadius}">
                                <Border x:Name="InnerCheckedVisual" Background="{StaticResource ControlBackground_Checked}" BorderThickness="0" CornerRadius="{TemplateBinding InnerCornerRadius}" />
                            </Border>
                            <Grid>
                                <Grid.RowDefinitions>
                                    <RowDefinition Height="Auto" />
                                    <RowDefinition Height="*" />
                                    <RowDefinition Height="Auto" />
                                </Grid.RowDefinitions>
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="Auto" />
                                    <ColumnDefinition Width="*" />
                                    <ColumnDefinition Width="Auto" />
                                </Grid.ColumnDefinitions>
                                <ContentPresenter x:Name="Content" Grid.Row="1" Grid.Column="1" Margin="{TemplateBinding Padding}" Content="{TemplateBinding Content}" ContentTemplate="{TemplateBinding ContentTemplate}"
                                                  VerticalAlignment="{TemplateBinding VerticalContentAlignment}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" />
                                <Path x:Name="DropDownIndicator" Grid.Row="2" Grid.Column="1" IsHitTestVisible="False" Visibility="{TemplateBinding DropDownIndicatorVisibility}"
                                      HorizontalAlignment="Center" VerticalAlignment="Center" RenderTransformOrigin="0.5,0.5" Margin="5,3,5,3" Data="M0,0 L5,0 5,1 4,1 4,2 3,2 3,3 2,3 2,2 1,2 1,1 0,1 0,0 z" /><!--Fill="{StaticResource ControlElement_Normal}"-->
                            </Grid>
     
                            <telerikPrimitives:Popup x:Name="DropDownPopup">
                                <Grid>
                                    <Border x:Name="DropDownPopupBorder" BorderBrush="Transparent" Background="Transparent" BorderThickness="0" CornerRadius="0"
                                            MinWidth="3" MinHeight="3" Width="{TemplateBinding DropDownWidth}" Height="{TemplateBinding DropDownHeight}" MaxWidth="{TemplateBinding DropDownMaxWidth}" MaxHeight="{TemplateBinding DropDownMaxHeight}">
                                        <ContentPresenter x:Name="DropDownPopupContent" Content="{TemplateBinding DropDownContent}" ContentTemplate="{TemplateBinding DropDownContentTemplate}" HorizontalAlignment="Stretch"
                                                          VerticalAlignment="Stretch" DataContext="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=DataContext}" />
                                    </Border>
                                </Grid>
                            </telerikPrimitives:Popup>
     
                            <!-- Focus -->
                            <Border x:Name="CommonStatesWrapper">
                                <Border x:Name="FocusVisual" Visibility="Collapsed" Opacity="0" BorderThickness="1" CornerRadius="{TemplateBinding CornerRadius}" BorderBrush="{StaticResource ControlOuterBorder_Focused}"
                                        Background="Red">
                                    <Border x:Name="FocusInnerVisual" BorderThickness="0" CornerRadius="{TemplateBinding InnerCornerRadius}" />
                                </Border>
                            </Border>
                        </Grid>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
     
        <Style TargetType="telerikInput:RadDateTimePicker" x:Key="dateTimePickerStyle">
            <Setter Property="TabNavigation" Value="Once" />
            <Setter Property="CalendarStyle" Value="{StaticResource RadCalendarDefaultStyleKey}" />
            <Setter Property="TooltipTemplate" Value="{StaticResource TooltipTemplate}" />
            <Setter Property="Background" Value="{StaticResource PickerBackground_Normal}" />
            <Setter Property="Foreground" Value="{StaticResource PickerForeground_Normal}" />
            <Setter Property="BorderBrush" Value="{StaticResource ControlOuterBorder_Normal}" />
            <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 WatermarkTemplate}" />
            <Setter Property="IsTabStop" Value="False" />
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="telerikInput:RadDateTimePicker">
                        <Grid>
     
                            <VisualStateManager.VisualStateGroups>
                                <VisualStateGroup x:Name="CommonStates">
                                    <VisualState x:Name="Normal"/>
                                    <VisualState x:Name="MouseOver">
                                        <Storyboard>
                                            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="MouseOverVisual" Storyboard.TargetProperty="Opacity">
                                                <LinearDoubleKeyFrame KeyTime="0:0:0" Value="1" />
                                            </DoubleAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="MouseOverVisual" Storyboard.TargetProperty="Visibility">
                                                <DiscreteObjectKeyFrame KeyTime="0:0:0" Value="Visible" />
                                            </ObjectAnimationUsingKeyFrames>
     
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ButtonChrome" Storyboard.TargetProperty="Opacity">
                                                <DiscreteObjectKeyFrame KeyTime="0:0:0" Value="0.5" />
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ButtonChrome" Storyboard.TargetProperty="BorderBrush">
                                                <DiscreteObjectKeyFrame KeyTime="0" Value="#bfbfbf" />
                                            </ObjectAnimationUsingKeyFrames>
                                             
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="DropDownIcon" Storyboard.TargetProperty="Opacity">
                                                <DiscreteObjectKeyFrame KeyTime="0:0:0" Value="0.5" />
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="DropDownIcon" Storyboard.TargetProperty="Foreground">
                                                <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource ButtonIconForeground_MouseOver}" />
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="DropDownIcon" Storyboard.TargetProperty="Background">
                                                <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource ButtonIconBackground_MouseOver}" />
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                    <VisualState x:Name="Disabled">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="BackgroundVisual" Storyboard.TargetProperty="BorderBrush">
                                                <DiscreteObjectKeyFrame KeyTime="0:0:0" Value="{StaticResource ControlOuterBorder_Disabled}" />
                                            </ObjectAnimationUsingKeyFrames>
                                            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="MouseOverVisual" Storyboard.TargetProperty="Opacity">
                                                <LinearDoubleKeyFrame KeyTime="0:0:0.050" Value="0" />
                                            </DoubleAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="MouseOverVisual" Storyboard.TargetProperty="Visibility">
                                                <DiscreteObjectKeyFrame KeyTime="0:0:0.050" Value="Collapsed"/>
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="PART_DateTimeInput" Storyboard.TargetProperty="Foreground">
                                                <DiscreteObjectKeyFrame KeyTime="0:0:0" Value="{StaticResource PickerForeground_Disabled}" />
                                            </ObjectAnimationUsingKeyFrames>
     
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="DropDownIcon" Storyboard.TargetProperty="Foreground">
                                                <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource ButtonIconForeground_Disabled}" />
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="DropDownIcon" Storyboard.TargetProperty="Background">
                                                <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource ButtonIconBackground_Disabled}" />
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                </VisualStateGroup>
                                <VisualStateGroup x:Name="FocusStates">
     
                                    <VisualState x:Name="Focused">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="FocusVisual" Storyboard.TargetProperty="Visibility">
                                                <DiscreteObjectKeyFrame KeyTime="0:0:0" Value="Visible"/>
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                    <VisualState x:Name="Unfocused" />
                                </VisualStateGroup>
                                <VisualStateGroup x:Name="InputTypeStates">
                                    <VisualState x:Name="DateTimePicker" />
                                    <VisualState x:Name="DatePicker">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="CloseButtonContainer" Storyboard.TargetProperty="Visibility">
                                                <DiscreteObjectKeyFrame KeyTime="0" Value="Collapsed"/>
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                    <VisualState x:Name="TimePicker">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="PART_Calendar" Storyboard.TargetProperty="Visibility">
                                                <DiscreteObjectKeyFrame KeyTime="0" Value="Collapsed" />
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="CloseButtonContainer" Storyboard.TargetProperty="Visibility">
                                                <DiscreteObjectKeyFrame KeyTime="0" Value="Collapsed"/>
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                </VisualStateGroup>
                                <VisualStateGroup x:Name="ValidationStates">
                                    <VisualState x:Name="Valid" />
                                    <VisualState x:Name="InvalidUnfocused">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ValidationTooltip" Storyboard.TargetProperty="Visibility">
                                                <DiscreteObjectKeyFrame KeyTime="0" Value="Visible" />
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                    <VisualState x:Name="InvalidFocused">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ValidationTooltip" Storyboard.TargetProperty="Visibility">
                                                <DiscreteObjectKeyFrame KeyTime="0" Value="Visible" />
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ValidationTooltip" Storyboard.TargetProperty="IsOpen">
                                                <DiscreteObjectKeyFrame KeyTime="0:0:0.1" Value="True" />
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                </VisualStateGroup>
                            </VisualStateManager.VisualStateGroups>
     
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition />
                                <ColumnDefinition Width="auto" />
                            </Grid.ColumnDefinitions>
     
                            <Border x:Name="BackgroundVisual" Grid.ColumnSpan="2" BorderBrush="{TemplateBinding BorderBrush}" Background="{TemplateBinding Background}"
                                    BorderThickness="{TemplateBinding BorderThickness}" CornerRadius="{StaticResource SplitButton_SpanCornerRadius}" />
     
                            <Border x:Name="MouseOverVisual" Grid.ColumnSpan="2" IsHitTestVisible="False" BorderBrush="{StaticResource ControlOuterBorder_MouseOver}"
                                    BorderThickness="{TemplateBinding BorderThickness}" Opacity="0" Visibility="Collapsed" CornerRadius="{StaticResource SplitButton_SpanCornerRadius}" />
     
                            <telerik:RadWatermarkTextBox x:Name="PART_DateTimeInput" Grid.Column="0"
                                    Text="{Binding DateTimeText, RelativeSource={RelativeSource TemplatedParent}, Mode=TwoWay}"
                                    CurrentText="{Binding CurrentDateTimeText, RelativeSource={RelativeSource TemplatedParent}, Mode=TwoWay}"
                                    IsReadOnly="{TemplateBinding IsReadOnly}"
                                    VerticalAlignment="Stretch" Padding="{TemplateBinding Padding}"
                                    HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}"
                                    VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}"
                                    Background="{x:Null}" BorderBrush="{x:Null}" BorderThickness="0"
                                    MinHeight="0" Margin="{TemplateBinding BorderThickness}"
                                    WatermarkContent="{TemplateBinding DateTimeWatermarkContent}"
                                    WatermarkTemplate="{TemplateBinding DateTimeWatermarkTemplate}"
                                    TextAlignment="{TemplateBinding TextAlignment}" TabIndex="0"
                                    SelectionOnFocus="SelectAll"
                                    telerik:StyleManager.Theme="{StaticResource Theme}" />
     
                            <Border x:Name="FocusVisual" Visibility="Collapsed" Grid.ColumnSpan="2" IsHitTestVisible="False" BorderBrush="{StaticResource ControlOuterBorder_Focused}"
                                    CornerRadius="{StaticResource SplitButton_SpanCornerRadius}" BorderThickness="{TemplateBinding BorderThickness}">
                                <Border BorderBrush="{StaticResource ControlInnerBorder_Focused}" CornerRadius="{StaticResource SplitButton_SpanInnerCornerRadius}" BorderThickness="{TemplateBinding BorderThickness}" />
                            </Border>
     
                            <telerik:RadDropDownButton Grid.Column="1" TabIndex="1" Margin="-1 0 0 0"
                                    Padding="0" DropDownIndicatorVisibility="Collapsed" x:Name="PART_DropDownButton"
                                    PopupPlacementTarget="{Binding ElementName=PART_DateTimeInput}"
                                    IsOpen="{Binding IsDropDownOpen, Mode=TwoWay, RelativeSource={RelativeSource TemplatedParent}}"
                                    CloseOnEnter="True" IsTabStop="False" HorizontalContentAlignment="Stretch"
                                    VerticalContentAlignment="Stretch" HorizontalAlignment="Stretch" VerticalAlignment="Stretch"
                                    telerikInput:DateTimePickerExtensions.FocusContentOnOpen="True"
                                    Style="{StaticResource DropDownButtonS}" telerik:StyleManager.Theme="{StaticResource Theme}" >
     
                                <telerik:RadDropDownButton.DropDownContent>
                                    <Grid>
                                        <Grid.RowDefinitions>
                                            <RowDefinition />
                                            <RowDefinition />
                                        </Grid.RowDefinitions>
                                        <Grid.ColumnDefinitions>
                                            <ColumnDefinition Width="*" />
                                            <ColumnDefinition Width="*" />
                                        </Grid.ColumnDefinitions>
     
                                        <telerikInput:RadCalendar x:Name="PART_Calendar"
                                                Grid.Column="0" Grid.Row="0"
                                                IsReadOnly="{TemplateBinding IsReadOnly}"
                                                DateSelectionMode="{TemplateBinding DateSelectionMode}"
                                                Culture="{TemplateBinding Culture}"
                                                SelectionMode="Single"
                                                Style="{TemplateBinding CalendarStyle}"
                                                DisplayDateStart="{Binding DisplayDateStart, RelativeSource={RelativeSource TemplatedParent}, Mode=TwoWay}"
                                                DisplayDate="{Binding DisplayDate, Mode=TwoWay, RelativeSource={RelativeSource TemplatedParent}}"
                                                DisplayDateEnd="{Binding DisplayDateEnd, RelativeSource={RelativeSource TemplatedParent}, Mode=TwoWay}"
                                                SelectableDateStart="{Binding SelectableDateStart, RelativeSource={RelativeSource TemplatedParent}, Mode=TwoWay}"
                                                SelectedDate="{Binding SelectedDate, Mode=TwoWay, RelativeSource={RelativeSource TemplatedParent}}"
                                                SelectableDateEnd="{Binding SelectableDateEnd, RelativeSource={RelativeSource TemplatedParent}, Mode=TwoWay}"/>
                                       
     
                                        <Border x:Name="CloseButtonContainer" Grid.ColumnSpan="2" Grid.Row="1" Background="{StaticResource BgCalendar}" BorderThickness="1 0 1 1" BorderBrush="{StaticResource CalendarOuterBorder}">
                                            <Border BorderThickness="1 0 1 1" BorderBrush="{StaticResource CalendarInnerBorder}">
                                                <telerik:RadToggleButton x:Name="PART_Close" IsBackgroundVisible="False" HorizontalAlignment="Right" Margin="2"
                                                        IsThreeState="False"  Style="{StaticResource CloseButtonStyle2}" 
                                                        IsChecked="{Binding IsDropDownOpen, RelativeSource={RelativeSource TemplatedParent}, Mode=TwoWay}" /><!--Content="Close"-->
                                            </Border>
                                        </Border>
                                    </Grid>
                                </telerik:RadDropDownButton.DropDownContent>
     
                                <!--<telerik:RadDropDownButton.Template>
                                    <ControlTemplate TargetType="telerik:RadDropDownButton">
                                        <Grid>
                                            <ContentPresenter Margin="{TemplateBinding Padding}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" />
     
                                            <telerikPrimitives:Popup x:Name="DropDownPopup" >
                                                <ContentPresenter x:Name="DropDownPopupContent" Content="{TemplateBinding DropDownContent}" ContentTemplate="{TemplateBinding DropDownContentTemplate}"
                                                        DataContext="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=DataContext}" />
                                            </telerikPrimitives:Popup>
                                        </Grid>
                                    </ControlTemplate>
                                </telerik:RadDropDownButton.Template>-->
     
                                <!--<Grid>
                                    <telerikChromes:ButtonChrome x:Name="ButtonChrome" telerik:StyleManager.Theme="{StaticResource Theme}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}"
                                            RenderMouseOver="{Binding IsMouseOver, ElementName=PART_DropDownButton}" CornerRadius="{StaticResource SplitButton_RightPartCornerRadius}"/>
                                    </Grid>-->
                                <ContentControl x:Name="DropDownIcon" IsTabStop="False" Template="{StaticResource CalendarIcon}"
                                                Background="{StaticResource ButtonIconBackground_Normal}" Foreground="{StaticResource ButtonIconForeground_Normal}" />
                            </telerik:RadDropDownButton>
     
                            <telerikChromes:ValidationTooltip x:Name="ValidationTooltip"
                                    Grid.ColumnSpan="2" Visibility="Collapsed"
                                    telerik:StyleManager.Theme="{StaticResource Theme}"
                                    TooltipPlacementTarget="{Binding RelativeSource={RelativeSource TemplatedParent}}"
                                    TooltipContent="{Binding Path=(Validation.Errors), RelativeSource={RelativeSource TemplatedParent}}" />
     
                            <telerikPrimitives:Popup IsOpen="{Binding IsTooltipOpen, Mode=TwoWay, RelativeSource={RelativeSource TemplatedParent}}"
                                                  Owner="{Binding RelativeSource={RelativeSource TemplatedParent}}"
                                                  Placement="Top"
                                                  PlacementTarget="{Binding ElementName=PART_DateTimeInput}">
     
                                <ContentPresenter Content="{TemplateBinding TooltipContent}" ContentTemplate="{TemplateBinding TooltipTemplate}" />
                            </telerikPrimitives:Popup>
                        </Grid>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
     
        <!--telerikInput:RadDateTimePicker-->
        <Style TargetType="telerikInput:RadDateTimePicker" BasedOn="{StaticResource dateTimePickerStyle}"  />
         
    </ResourceDictionary>

    And the control on the MainPage:
    <telerik:RadDateTimePicker HorizontalAlignment="Center" VerticalAlignment="Center" Width="260" DateSelectionMode="Day" InputMode="DateTimePicker" Culture="it-IT" />


    Thank you very much,
    regards
    -Chiara
  9. Yana
    Admin
    Yana avatar
    4554 posts

    Posted 21 Dec 2011 Link to this post

    Hello Chiara,

    Which version of the controls exactly you're using? We have problems running the code.

    Regards,
    Yana
    the Telerik team

    Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get it now >>

  10. Chiara
    Chiara avatar
    31 posts
    Member since:
    Oct 2011

    Posted 22 Dec 2011 Link to this post

    Hi Yana, 
    I have the last one: RadControls_for_Silverlight4_2011_3_1116_Dev
  11. Yana
    Admin
    Yana avatar
    4554 posts

    Posted 22 Dec 2011 Link to this post

    Hello Chiara,

    Could you please open a support ticket and send us a runnable project there as we're not able to run and test the provided XAML? Thanks in advance

    Kind regards,
    Yana
    the Telerik team

    Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get it now >>

  12. Chiara
    Chiara avatar
    31 posts
    Member since:
    Oct 2011

    Posted 22 Dec 2011 Link to this post

    Hi, 
    the  ticket ID is: 495539 
     
    Thank you very much
  13. Yana
    Admin
    Yana avatar
    4554 posts

    Posted 23 Dec 2011 Link to this post

    Hello Chiara,

    We'll check the ticket.Thanks

    Greetings,
    Yana
    the Telerik team

    Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get it now >>

Back to Top
DevCraft banner