The CalendarDatePicker does not seem to display calendar icon correctly

[simonfanz]

Describe the bug

I would expect an icon where the dot and current day of month displays:

Which appears like this in the documentation:

Using Avalonia UI 11.2.3 on Windows 10 22H2

To Reproduce

I think this occurs out of the box, but please advise if a more detailed repro is needed.

Expected behavior

No response

Avalonia version

11.2.3

OS

Windows

Additional context

No response

[timunie]

I think this issue was reported before but can't find it rn.

Could you copy the ControlTemplate and set BorderThickness to 0.6 for example? Guess it's a rounding issue. https://github.com/AvaloniaUI/Avalonia/blob/master/src%2FAvalonia.Themes.Fluent%2FControls%2FCalendarDatePicker.xaml#L36-L40

If that helps, feel free to provide a PR.

Note

I guess 0.5 is there to look like a hair line. But if Border disappears on some devices, that doesn't help imo.

[robloo]

I made this change before the 11.0 release so it's been out in the wild a long time now. Looking at the screenshot I can see even the 1px lines are too light. What screen resolution and display scaling are you using?

Note I have a Windows 10 device that was actually used to make this change and it worked just fine there.

I guess 0.5 is there to look like a hair line. But if Border disappears on some devices, that doesn't help imo.

Yes, a 1px border was too prominent and from a design standpoint didn't look like an icon.

Rounding issues with fractional pixel sizes were addressed some time ago. I do not recall the exact PR but this type of thing was discussed and addressed.

[simonfanz]

Thanks for responses.

@timunie what's the easiest way to copy that controltemplate? Sorry I've not done much WPF\Xaml stuff, esp not in last few years. Is there a way to override through styling to confirm if this is the issue?

@robloo Using 100% scaling on all screens, but it's not showing on both a 1680x1050 and 1920x1080 screen