[Bug] DropDowns and DateInputs remain focusable when disabled

[WissamProgress]

I'm submitting a...

• Bug report

Current behavior

Setting the disabled prop for the dropdowns and dateinputs does not remove the keyboard navigation from them, as their tabIndex does not change to -1. There are also specific cases like in the MultiSelect where the selected items (Chips), remain focusable, as well as the whole component.

For disabling the keyboard navigation, this requires extra custom code.
MultiSelect example - https://stackblitz.com/edit/react-fj83tz?file=app%2Fmain.jsx
DropDownList example - https://stackblitz.com/edit/react-bkchy7?file=app%2Fmain.jsx

Expected behavior

Focusing elements is also disabled, like in Kendo UI for Angular
https://www.telerik.com/kendo-angular-ui/components/dateinputs/datepicker/disabled-state/

Minimal reproduction of the problem with instructions

1. Open this demo - https://www.telerik.com/kendo-react-ui/components/dateinputs/datepicker/disabled-state/
2. Focus the iframe
3. press tab, the component is focused

(not very visible but the disabled component has a box-shadow)

Reported in Ticket ID: 1654484