Ursa.Avalonia/src/Ursa.Themes.Semi/Controls/TimeRangePicker.axaml

<ResourceDictionary
    xmlns="https://github.com/avaloniaui"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:iri="https://irihi.tech/shared"
    xmlns:u="https://irihi.tech/ursa">
    <!--  Add Resources Here  -->
    <ControlTheme x:Key="{x:Type u:TimeRangePicker}" TargetType="u:TimeRangePicker">
        <Setter Property="Background" Value="{DynamicResource TextBoxDefaultBackground}" />
        <Setter Property="Foreground" Value="{DynamicResource TextBoxForeground}" />
        <Setter Property="BorderBrush" Value="{DynamicResource TextBoxDefaultBorderBrush}" />
        <Setter Property="BorderThickness" Value="{DynamicResource TextBoxBorderThickness}" />
        <Setter Property="CornerRadius" Value="{DynamicResource TextBoxDefaultCornerRadius}" />
        <Setter Property="MinHeight" Value="32" />
        <Setter Property="Template">
            <ControlTemplate TargetType="u:TimeRangePicker">
                <DataValidationErrors>
                    <Panel
                        x:Name="LayoutRoot"
                        HorizontalAlignment="Stretch"
                        VerticalAlignment="Stretch">
                        <Border
                            x:Name="Background"
                            HorizontalAlignment="Stretch"
                            Background="{TemplateBinding Background}"
                            BorderBrush="{TemplateBinding BorderBrush}"
                            BorderThickness="{TemplateBinding BorderThickness}"
                            CornerRadius="{TemplateBinding CornerRadius}" />
                        <Grid ColumnDefinitions="*, Auto, * Auto">
                            <TextBox
                                Name="{x:Static u:TimeRangePicker.PART_StartTextBox}"
                                Grid.Column="0"
                                HorizontalAlignment="Stretch"
                                Background="Transparent"
                                CornerRadius="3 0 0 3"
                                MinHeight="{TemplateBinding MinHeight}"
                                BorderThickness="1"
                                VerticalAlignment="Stretch"
                                Foreground="{TemplateBinding Foreground}"
                                InnerLeftContent="{TemplateBinding InnerLeftContent}"
                                IsReadOnly="{TemplateBinding IsReadonly}"
                                Watermark="{TemplateBinding StartWatermark}" />
                            <TextBlock Grid.Column="1" Text="~" VerticalAlignment="Center"></TextBlock>
                            <TextBox
                                Name="{x:Static u:TimeRangePicker.PART_EndTextBox}"
                                MinHeight="{TemplateBinding MinHeight}"
                                Grid.Column="2"
                                HorizontalAlignment="Stretch"
                                Background="Transparent"
                                CornerRadius="0"
                                VerticalAlignment="Stretch"
                                Foreground="{TemplateBinding Foreground}"
                                InnerRightContent="{TemplateBinding InnerRightContent}"
                                IsReadOnly="{TemplateBinding IsReadonly}"
                                Watermark="{TemplateBinding EndWatermark}" />
                            <Button
                                Name="ClearButton"
                                Grid.Column="3"
                                Padding="0,0,8,0"
                                Command="{Binding $parent[iri:IClearControl].Clear}"
                                Content="{DynamicResource IconButtonClearData}"
                                Focusable="False"
                                IsVisible="False"
                                Theme="{DynamicResource InnerIconButton}" />
                            <Button
                                Name="{x:Static u:TimePicker.PART_Button}"
                                Grid.Column="3"
                                Padding="0,0,8,0"
                                Content="{DynamicResource TimePickerIconGlyph}"
                                Focusable="False"
                                Theme="{DynamicResource InnerIconButton}" />
                        </Grid>
                        <Popup
                            Name="{x:Static iri:PartNames.PART_Popup}"
                            IsLightDismissEnabled="True"
                            IsOpen="{TemplateBinding IsDropdownOpen, Mode=TwoWay}"
                            Placement="BottomEdgeAlignedLeft"
                            PlacementTarget="Background">
                            <Border
                                Margin="0,4"
                                HorizontalAlignment="Stretch"
                                Background="{DynamicResource ComboBoxPopupBackground}"
                                BorderBrush="{DynamicResource ComboBoxPopupBorderBrush}"
                                BorderThickness="{DynamicResource ComboBoxPopupBorderThickness}"
                                BoxShadow="{DynamicResource ComboBoxPopupBoxShadow}"
                                ClipToBounds="True"
                                CornerRadius="6">
                                <DockPanel>
                                    <StackPanel DockPanel.Dock="Bottom" IsVisible="{TemplateBinding NeedConfirmation}">
                                        <Button
                                            Margin="8"
                                            HorizontalAlignment="Right"
                                            Command="{Binding $parent[u:TimeRangePicker].Confirm}"
                                            Content="{DynamicResource STRING_DATE_TIME_CONFIRM}" />
                                    </StackPanel>
                                    <ContentPresenter
                                        Name="PART_PopupHeader"
                                        Margin="8,8,8,0"
                                        Content="{TemplateBinding PopupInnerTopContent}"
                                        DockPanel.Dock="Top"
                                        IsVisible="{TemplateBinding PopupInnerTopContent,
                                                                    Converter={x:Static ObjectConverters.IsNotNull}}" />
                                    <ContentPresenter
                                        Name="PART_PopupFooter"
                                        Margin="8,0,8,8"
                                        Content="{TemplateBinding PopupInnerBottomContent}"
                                        DockPanel.Dock="Bottom"
                                        IsVisible="{TemplateBinding PopupInnerBottomContent,
                                                                    Converter={x:Static ObjectConverters.IsNotNull}}" />
                                    <UniformGrid Columns="2">
                                        <u:TimePickerPresenter
                                            Name="{x:Static u:TimeRangePicker.PART_StartPresenter}"
                                            NeedsConfirmation="{TemplateBinding NeedConfirmation}"
                                            PanelFormat="{TemplateBinding PanelFormat}"
                                            Time="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=StartTime, Mode=OneWayToSource}" />
                                        <u:TimePickerPresenter
                                            Name="{x:Static u:TimeRangePicker.PART_EndPresenter}"
                                            NeedsConfirmation="{TemplateBinding NeedConfirmation}"
                                            PanelFormat="{TemplateBinding PanelFormat}"
                                            Time="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=EndTime, Mode=OneWayToSource}" />
                                    </UniformGrid>
                                </DockPanel>
                            </Border>
                        </Popup>
                    </Panel>
                </DataValidationErrors>
            </ControlTemplate>
        </Setter>

        <Style Selector="^.clearButton, ^.ClearButton">
            <Style Selector="^:pointerover /template/ Button#ClearButton">
                <Setter Property="IsVisible" Value="{Binding $parent[u:TimePicker].SelectedTime, Converter={x:Static ObjectConverters.IsNotNull}}" />
            </Style>
            <Style Selector="^:pointerover /template/ Button#PART_Button">
                <Setter Property="IsVisible" Value="{Binding $parent[u:TimePicker].SelectedTime, Converter={x:Static ObjectConverters.IsNull}}" />
            </Style>
        </Style>
        
        <!--  Disabled State  -->
        <Style Selector="^:disabled">
            <Style Selector="^ /template/ Border#Background">
                <Setter Property="Background" Value="{DynamicResource CalendarDatePickerDisabledBackground}" />
            </Style>

            <Style Selector="^ /template/ Button#PART_Button">
                <Setter Property="Foreground" Value="{DynamicResource CalendarDatePickerDisabledIconForeground}" />
            </Style>
            <Style Selector="^ /template/ TextBox#PART_TextBox">
                <Setter Property="Background" Value="Transparent" />
                <Setter Property="BorderBrush" Value="Transparent" />
            </Style>
        </Style>

        <!--  Focused State  -->
        <Style Selector="^ /template/ Border#Background:focus">
            <Setter Property="BorderBrush" Value="{DynamicResource CalendarDatePickerFocusBorderBrush}" />
        </Style>
        <Style Selector="^ /template/ Border#Background:focus-within">
            <Setter Property="BorderBrush" Value="{DynamicResource CalendarDatePickerFocusBorderBrush}" />
        </Style>
    </ControlTheme>
</ResourceDictionary>