Inconsistent control height and spacing between the control and its Header
for TimePicker
and CalendarDatePicker
#8950
Labels
area-DateTimePickers
DatePicker, TimePicker, CalendarDatePicker, CalendarView
bug
Something isn't working
team-Controls
Issue for the Controls team
Describe the bug
The attached screenshot provides the best description of the height and spacing inconsistency.
When placed side by side without any spacing related properties, simply in a
Grid
, theTimePicker
andCalendarDatePicker
have inconsistent (unequal) spacing between their respective headers and have different control height.Steps to reproduce the bug
In a basic WinUI 3 application, add the following
Grid
inside theWindow
control instead of the defaultStackPanel
Expected behavior
Ideally, both the controls should be of the same height (or height that is easily adjustable), along with same spacing between their headers and the control.
Screenshots
NuGet package version
None
Windows version
Windows 11 (22H2): Build 22621
Additional context
It is extremely difficult to style these controls with the default properties. Most of the styling requires you to copy the whole style from
generic.xaml
even for very small changes, sometimes. I wish there was an easier way to modify the styles of these common controls.The text was updated successfully, but these errors were encountered: