Hi there,

Is the DatePicker Controller missing from the exports?

If not how do we use this as it doesn't seem to have its own controller?

Problem

The problem is that when you want to pass some props down to the custom component, you have to declare a component to be able to accept the props outside, and that causes issues as such:

• React doesn't know what has changed inside that custom component because whenever it sees it. It recreates it again on each parent re-render, that makes it impossible to detect changes.
• It's very expensive to re-create that custom component each time parent renders.

Problematic Example

{
  name: "values",
  fieldType: 'custom',
  label: t('model.attributes.payable.values.label'),
  CustomComponent: () => <ValuesInValuesField currentValue={currentValue} values={values} />,
  gridProps: { xs: 12 }
}

The desired usage

{
  name: "values",
  fieldType: 'custom',
  label: t('model.attributes.payable.values.label'),
  CustomComponent: <ValuesInValuesField currentValue={currentValue} values={values} />,
  gridProps: { xs: 12 }
}

Solution

Accept a React node for CustomComponent instead of a react component:

export type CustomComponentControllerProps = MuiRhfFieldProps & {
    CustomComponent: React.ReactNode;
};