Calendar - shifted day styling

[amurashin]

Hello there!

If you visit the Calendar's Shifted Day demo, you'll note the odd oval around the selected date pair.

border-radius: 50%;

Screenshot 2026-04-09 at 18.21.15.png (38.67 KiB) Viewed 5223 times

This is because the border-radius of that element is set to 50%.

Replacing the percentage with a very large pixel value turns the oval into an oblong with rounded corners:

border-radius: 9999px;

Screenshot 2026-04-09 at 18.21.31.png (39.31 KiB) Viewed 5223 times

Would you consider implementing such change in your theme or are you happy with the current style?

Thanks!

[mats]

Hi,

Thank you for reporting this, great catch! You're absolutely right — the border-radius: 50% produces an oval when the element is wider than it is tall.

We've fixed this by switching to border-radius: 9999px, which gives the pill shape you suggested. The fix will be included in the next release (7.2.4+).

https://github.com/bryntum/support/issues/12960

Thanks for all the excellent feedback!