Add Small and Large size variants to date/time picker controls (#877)

* Initial plan

* Add Small and Large style classes to DatePicker, TimePicker, DateTimePicker, DateRangePicker, and TimeRangePicker controls

Co-authored-by: rabbitism <14807942+rabbitism@users.noreply.github.com>

* fix: fix MinHeight in TimePicker when Classes include Small.

---------

Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>
Co-authored-by: rabbitism <14807942+rabbitism@users.noreply.github.com>
Co-authored-by: Zhang Dian <54255897+zdpcdt@users.noreply.github.com>

Author: 3 people

src/Ursa.Themes.Semi/Controls/DatePicker.axaml

@@ -130,5 +130,12 @@
         <Style Selector="^:focus-within /template/ Border#Background">
             <Setter Property="BorderBrush" Value="{DynamicResource CalendarDatePickerFocusBorderBrush}" />
         </Style>
+
+        <Style Selector="^.Large">
+            <Setter Property="MinHeight" Value="{DynamicResource TextBoxLargeHeight}" />
+        </Style>
+        <Style Selector="^.Small">
+            <Setter Property="MinHeight" Value="{DynamicResource TextBoxSmallHeight}" />
+        </Style>
     </ControlTheme>
 </ResourceDictionary>

src/Ursa.Themes.Semi/Controls/DateRangePicker.axaml

@@ -169,5 +169,12 @@
         <Style Selector="^ /template/ Border#Background:focus-within">
             <Setter Property="BorderBrush" Value="{DynamicResource CalendarDatePickerFocusBorderBrush}" />
         </Style>
+
+        <Style Selector="^.Large">
+            <Setter Property="MinHeight" Value="{DynamicResource TextBoxLargeHeight}" />
+        </Style>
+        <Style Selector="^.Small">
+            <Setter Property="MinHeight" Value="{DynamicResource TextBoxSmallHeight}" />
+        </Style>
     </ControlTheme>
 </ResourceDictionary>

src/Ursa.Themes.Semi/Controls/DateTimePicker.axaml

@@ -138,5 +138,12 @@
         <Style Selector="^:focus-within /template/ Border#Background">
             <Setter Property="BorderBrush" Value="{DynamicResource CalendarDatePickerFocusBorderBrush}" />
         </Style>
+
+        <Style Selector="^.Large">
+            <Setter Property="MinHeight" Value="{DynamicResource TextBoxLargeHeight}" />
+        </Style>
+        <Style Selector="^.Small">
+            <Setter Property="MinHeight" Value="{DynamicResource TextBoxSmallHeight}" />
+        </Style>
     </ControlTheme>
 </ResourceDictionary>

src/Ursa.Themes.Semi/Controls/TimePicker.axaml

@@ -127,6 +127,7 @@
                                 Grid.Column="0"
                                 HorizontalAlignment="Stretch"
                                 VerticalAlignment="Stretch"
+                                MinHeight="{TemplateBinding MinHeight}"
                                 Foreground="{TemplateBinding Foreground}"
                                 InnerLeftContent="{TemplateBinding InnerLeftContent}"
                                 InnerRightContent="{TemplateBinding InnerRightContent}"
@@ -234,5 +235,12 @@
         <Style Selector="^:focus-within /template/ Border#Background">
             <Setter Property="BorderBrush" Value="{DynamicResource CalendarDatePickerFocusBorderBrush}" />
         </Style>
+
+        <Style Selector="^.Large">
+            <Setter Property="MinHeight" Value="{DynamicResource TextBoxLargeHeight}" />
+        </Style>
+        <Style Selector="^.Small">
+            <Setter Property="MinHeight" Value="{DynamicResource TextBoxSmallHeight}" />
+        </Style>
     </ControlTheme>
 </ResourceDictionary>

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

@@ -189,5 +189,12 @@
         <Style Selector="^ /template/ Border#Background:focus-within">
             <Setter Property="BorderBrush" Value="{DynamicResource CalendarDatePickerFocusBorderBrush}" />
         </Style>
+
+        <Style Selector="^.Large">
+            <Setter Property="MinHeight" Value="{DynamicResource TextBoxLargeHeight}" />
+        </Style>
+        <Style Selector="^.Small">
+            <Setter Property="MinHeight" Value="{DynamicResource TextBoxSmallHeight}" />
+        </Style>
     </ControlTheme>
 </ResourceDictionary>