DateInput or ArrayInput with warnWhenUnsavedChanges are triggering an alert when submitting the form

Hello!

What you were expecting: I’m using the warnWhenUnsavedChanges option on my TabbedForm, it was working as expected until I add a DateInput in my form. When I update my date in the form, I don’t want to have the “unsaved” alert when I’m submitting my changes.

What happened instead:

• When I change the date in my form, I have the “unsaved” alert when I submit the form.
• When I change other fields (and not the date), I don’t have the issue.
• When I confirm the alert, the submit is working, my date is correctly saved.
• It seems to be the same issue with DateTimeInput.

Steps to reproduce: Using the option warnWhenUnsavedChanges in a TabbedForm, with a DateInput inside it.

Related code: I don’t have much code to show, the components are a bit split:

export const UnitCreate: FC = (props: any) => (
  <Create {...props} undoable={0}>
    <TabbedForm warnWhenUnsavedChanges>
      <MainFormTab />
      <TermsFormTab />
    </TabbedForm>
  </Create>
);

export const MainFormTab: FC<MainFormTabProps> = (props: any) => {
  return (
    <GenericMainFormTab {...props} hideDefaultField>
      <TextInput
        disabled={props.disabled}
        fullWidth
        label="resources.unit.title"
        source="title"
        validate={[required()]}
      />
      <DateInput
        disabled={props.disabled}
        label="resources.unit.rightsEndDate"
        source="rightsEndDate"
      />
    </GenericMainFormTab>
  );
};

Environment

• React-admin version: 3.8.4
• React version: 16.13.1
• Browser: Chrome 85

[djhi]

See #5776 which should be released in next patch version

[lilit-melkonyan-im]

I have the same issue after updating the react-admin version from 3.8.2 to 3.11.2. It works for some FormWithRedirect forms and doesn’t work for TabbedForms at all. Any news??