filter variant of date-range doesn't work with a display mode of custom

[kelarcrisp]

material-react-table version

2.13

react & react-dom versions

18.3

Describe the bug and the steps to reproduce it

in the custom filter ui example (seen here) if you add a column that uses a date-range filterVariant, you'll see the following error

Error: MUI X: Can not find the date and time pickers localization context.
It looks like you forgot to wrap your component in LocalizationProvider.
This can also happen if you are bundling multiple versions of the `@mui/x-date-pickers` package

here's the column using the date-range filter

   {
        accessorFn: originalRow => new Date(originalRow.gender), // convert to date for sorting and filtering
        id: 'gender',
        header: 'Gender',
        filterVariant: 'date-range',
        Cell: ({ cell }) => cell.getValue().toLocaleDateString(), // convert back to string for display
      },

Minimal, Reproducible Example - (Optional, but Recommended)

original sandbox https://www.material-react-table.com/docs/examples/custom-filter-ui#custom-filter-ui-example
I do have the component wrapped in a localization provider and I'm using date-fns v3 as the adapter

Screenshots or Videos (Optional)

No response

Do you intend to try to help solve this bug with your own PR?

No, because I do not know how

Terms

• I understand that if my bug cannot be reliably reproduced in a debuggable environment, it will probably not be fixed and this issue may even be closed.