[Bug][DateTimePicker] Setting a different font-size to the root element causes misalignment

[Yanko-Georgiev]

Description

When a different font size is set to the root element, the items in the scrollable container are not aligned. This behaviour is likely caused by the height set to the k-scrollable-placeholder element.

Plan

KendoReact Free

Steps To Reproduce

1 Open the following example: https://stackblitz.com/edit/react-sny3wlux-a2gswpkf?file=app%2Fstyles.css,app%2Fapp.tsx
2 Scroll the Time part to the bottom

Screenshots or video

Actual Behavior

Changing the font size disrupts the UI by causing misalignments.

Expected Behavior

Changing the font size should recalculate the height of the scrollable element to avoid misalignments.

Reported in TicketID: 1687837