Hello Telerik Team,
is it possible to put multiple context props provider in a grid without nesting them arbitrarily deep?

Example Code:

<DatePickerPropsContext.Provider value={datePickerProps}>
   <NumericTextBoxPropsContext.Provider value={numericTextBoxProps}>
      <Grid
         ...
      />
   </NumericTextBoxPropsContext.Provider>
</DatePickerPropsContext.Provider>

Hi,

We use a mix of standard HTML inputs and KendoReact controls in forms in our application. Using v4.10.0 of kendo-react control and kendo-theme-bootstrap packages, we were able to apply the Bootstrap form-control class to both standard HTML inputs and KendoReact controls with no issues. We were also able to apply the Bootstrap is-invalid class for custom validation requirements, again with no issues.

After upgrading to v5 of bootstrap, kendo-react control and kendo-theme-bootstrap packages, the form-control class breaks the appearance of KendoReact controls. Please see the following example modified from the KendoReact ComboBox Overview so that package versions can be easily modified. 

https://stackblitz.com/edit/react-mintjh?file=app/main.tsx

I have left the package at their v4 versions that we were using without issue. If you bump all the kendo-react control, kendo-theme-bootstrap and bootstrap packages to the latest v5 versions in package.json you can see that the controls no longer render properly.

We are committed to the Bootstrap form layout, and we have more standard HTML inputs than KendoReact controls. Can you please suggest classes we can use as equivalents to form-control and is-invalid for the KendoReact controls we use in our forms? Or some other recommended way of using KendoReact controls in HTML forms using Bootstrap styling and custom validation? I can't find any clear documentation on it.

Kind regards,

David