Overriding PropsContext

Hello Grant,

Detailed information and discussion about the PropsContext can be found in the following public issue:

• https://github.com/telerik/kendo-react/issues/1126

As you will notice, all properties provided from the context will be applied to the nested components. However, if you want to use the "min" value for example from the component, you can add condition within the callback of the Context properties and check if the "min" property is set in the component and if so, do not return it:

  const datepickerDefaults = React.useCallback((props) => {
    if (props.min) { //you can make condition that will skip setting the min if it is already set in the component
      return {
        ...props,
      };
    } else {
      return {
        ...props,
        min: new Date(),
      };
    }
  });

One more approach would be to wrap the specific DatePicker in another DatePickerPropsContext that returns only the component props:

      <DatePickerPropsContext.Provider value={(props) => ({ ...props })}>
        Overriding min Date: <DatePicker min={new Date(2022, 1, 1)} /> (no
        Change from Props)
      </DatePickerPropsContext.Provider>

Here is an example with both approaches:

• https://stackblitz.com/edit/react-hba3r8-a39gtp?file=app%2Fmain.jsx

Hope this helps.

Regards,
Konstantin Dikov
Progress Telerik