[DatePicker/DateInput] ReadOnly state does not prevent date change from arrow keys

[dimitar-pechev]

Description

https://codesandbox.io/p/sandbox/condescending-bartik-yycg9j?file=%2Fapp%2Fapp.tsx%3A8%2C18

Even though the input is set to readonly state, changing the date segments with the arrow up/down keys still changes the date. The issue is not resolved with using a custom DateInput ref, as the same bug is present there as well:

https://codesandbox.io/p/devbox/admiring-shannon-tg829n?file=%2Fapp%2Fapp.tsx%3A11%2C1&workspaceId=ws_KCu1icQN5DBTYTKwufuNkA

Plan

KendoReact Free

Steps To Reproduce

1. declare a <DatePicker inputAttributes={{ readOnly: true }} />, or a <DateInput readOnly />
2. changing the date with number from the input is correctly disabled, but arrow up/down keys still change the date

Actual Behavior

Arrow up/down keys change the date

Expected Behavior

readOnly: true prevents any direct input in the DatePicker input or DateInput, including arrow up/down key presses

Browser

All