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

<ResourceDictionary
    xmlns="https://github.com/avaloniaui"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:u="https://irihi.tech/ursa">
    <!--  Add Resources Here  -->
    <Design.PreviewWith>
        <StackPanel Margin="20">
            <TextBlock Text="Hello World" />
        </StackPanel>
    </Design.PreviewWith>

    <ControlTheme x:Key="{x:Type u:TimeBox}" TargetType="{x:Type u:TimeBox}">
        <Setter Property="Focusable" Value="True" />
        <Setter Property="ShowLeadingZero" Value="True" />
        <Setter Property="TextAlignment" Value="Center" />
        <Setter Property="HorizontalAlignment" Value="Left" />
        <Setter Property="CornerRadius" Value="{DynamicResource TextBoxDefaultCornerRadius}" />
        <Setter Property="Background" Value="{DynamicResource TextBoxDefaultBackground}" />
        <Setter Property="MinHeight" Value="{DynamicResource TextBoxDefaultHeight}" />
        <Setter Property="BorderBrush" Value="{DynamicResource TextBoxDefaultBorderBrush}" />
        <Setter Property="BorderThickness" Value="{DynamicResource TextBoxBorderThickness}" />
        <Setter Property="SelectionBrush" Value="{DynamicResource TextBoxSelectionBackground}" />
        <Setter Property="SelectionForegroundBrush" Value="{DynamicResource TextBoxSelectionForeground}" />
        <Setter Property="CaretBrush" Value="{DynamicResource TextBoxTextCaretBrush}" />
        <Setter Property="Template">
            <ControlTemplate TargetType="u:TimeBox">
                <Border
                    Name="PART_Border"
                    Background="{TemplateBinding Background}"
                    BorderBrush="{TemplateBinding BorderBrush}"
                    BorderThickness="{TemplateBinding BorderThickness}"
                    CornerRadius="{TemplateBinding CornerRadius}">
                    <Grid Width="{TemplateBinding Width}" ColumnDefinitions="1*, Auto, 1*, Auto, 1*, Auto, 1*">
                        <Border
                            Name="{x:Static u:TimeBox.PART_HourBorder}"
                            Grid.Column="0"
                            Background="Transparent"
                            BorderBrush="Transparent"
                            BorderThickness="0"
                            CornerRadius="{TemplateBinding CornerRadius}">
                            <Grid>
                                <TextPresenter
                                    Name="{x:Static u:TimeBox.PART_HoursTextPresenter}"
                                    MinWidth="8"
                                    VerticalAlignment="Center"
                                    CaretBrush="{TemplateBinding CaretBrush}"
                                    Cursor="IBeam"
                                    SelectionBrush="{TemplateBinding SelectionBrush}"
                                    SelectionForegroundBrush="{TemplateBinding SelectionForegroundBrush}"
                                    TextAlignment="{TemplateBinding TextAlignment}" />
                                <Panel
                                    Name="{x:Static u:TimeBox.PART_HourDragPanel}"
                                    HorizontalAlignment="Stretch"
                                    VerticalAlignment="Stretch"
                                    Background="Transparent" />
                            </Grid>
                        </Border>
                        <TextBlock
                            Grid.Column="1"
                            Margin="0,4"
                            VerticalAlignment="Center"
                            Focusable="False"
                            Text=":" />
                        <Border
                            Name="{x:Static u:TimeBox.PART_MinuteBorder}"
                            Grid.Column="2"
                            Background="Transparent"
                            BorderBrush="Transparent"
                            BorderThickness="0"
                            CornerRadius="{TemplateBinding CornerRadius}">
                            <Grid>
                                <TextPresenter
                                    Name="{x:Static u:TimeBox.PART_MinuteTextPresenter}"
                                    MinWidth="8"
                                    VerticalAlignment="Center"
                                    CaretBrush="{TemplateBinding CaretBrush}"
                                    Cursor="IBeam"
                                    SelectionBrush="{TemplateBinding SelectionBrush}"
                                    SelectionForegroundBrush="{TemplateBinding SelectionForegroundBrush}"
                                    TextAlignment="{TemplateBinding TextAlignment}" />
                                <Panel
                                    Name="{x:Static u:TimeBox.PART_MinuteDragPanel}"
                                    HorizontalAlignment="Stretch"
                                    VerticalAlignment="Stretch"
                                    Background="Transparent" />
                            </Grid>
                        </Border>
                        <TextBlock
                            Grid.Column="3"
                            Margin="0,4"
                            VerticalAlignment="Center"
                            Focusable="False"
                            Text=":" />
                        <Border
                            Name="{x:Static u:TimeBox.PART_SecondBorder}"
                            Grid.Column="4"
                            Background="Transparent"
                            BorderBrush="Transparent"
                            BorderThickness="0"
                            CornerRadius="{TemplateBinding CornerRadius}">
                            <Grid>
                                <TextPresenter
                                    Name="{x:Static u:TimeBox.PART_SecondTextPresenter}"
                                    MinWidth="8"
                                    VerticalAlignment="Center"
                                    CaretBrush="{TemplateBinding CaretBrush}"
                                    Cursor="IBeam"
                                    SelectionBrush="{TemplateBinding SelectionBrush}"
                                    SelectionForegroundBrush="{TemplateBinding SelectionForegroundBrush}"
                                    TextAlignment="{TemplateBinding TextAlignment}" />
                                <Panel
                                    Name="{x:Static u:TimeBox.PART_SecondDragPanel}"
                                    HorizontalAlignment="Stretch"
                                    VerticalAlignment="Stretch"
                                    Background="Transparent" />
                            </Grid>
                        </Border>
                        <TextBlock
                            Grid.Column="5"
                            Margin="0,4"
                            VerticalAlignment="Center"
                            Focusable="False"
                            Text="." />
                        <Border
                            Name="{x:Static u:TimeBox.PART_MilliSecondBorder}"
                            Grid.Column="6"
                            Background="Transparent"
                            BorderBrush="Transparent"
                            BorderThickness="0"
                            CornerRadius="{TemplateBinding CornerRadius}">
                            <Grid>
                                <TextPresenter
                                    Name="{x:Static u:TimeBox.PART_MillisecondTextPresenter}"
                                    MinWidth="8"
                                    VerticalAlignment="Center"
                                    CaretBrush="{TemplateBinding CaretBrush}"
                                    Cursor="IBeam"
                                    SelectionBrush="{TemplateBinding SelectionBrush}"
                                    SelectionForegroundBrush="{TemplateBinding SelectionForegroundBrush}"
                                    TextAlignment="{TemplateBinding TextAlignment}" />
                                <Panel
                                    Name="{x:Static u:TimeBox.PART_MilliSecondDragPanel}"
                                    HorizontalAlignment="Stretch"
                                    VerticalAlignment="Stretch"
                                    Background="Transparent" />
                            </Grid>
                        </Border>
                    </Grid>
                </Border>
            </ControlTemplate>
        </Setter>
        <Style Selector="^:focus-within">
            <Setter Property="BorderBrush" Value="{DynamicResource TextBoxFocusBorderBrush}" />
        </Style>
        <Style Selector="^:disabled">
            <Setter Property="Background" Value="{DynamicResource TextBoxDisabledBackground}" />
            <Setter Property="Foreground" Value="{DynamicResource TextBoxDisabledForeground}" />
            <Setter Property="BorderBrush" Value="{DynamicResource TextBoxDisabledBorderBrush}" />
        </Style>
        <Style Selector="^[DragOrientation=Horizontal]">
            <Style Selector="^/template/ Panel">
                <Setter Property="Cursor" Value="SizeWestEast" />
            </Style>
        </Style>
        <Style Selector="^[DragOrientation=Vertical]">
            <Style Selector="^/template/ Panel">
                <Setter Property="Cursor" Value="SizeNorthSouth" />
            </Style>
        </Style>
    </ControlTheme>
</ResourceDictionary>