Custom Calendar Filter Component Size - Not Fitting Correctly

Hello,
I am currently trying to create a custom filter by using the filterOptions object.
I am able to get the filter to show up, however the calendar does not pop up like it normally would.
Note: referring to the "Date range" filter.

`{
name: "date",
label: "Date",
options: {
filter: true,
filterType: "custom",
filterOptions: {
names: [],
display: (filterList, onChange, index, column) => {
return (



);
}`

Note: I've tried many various ways however I am unable to get the calendar to popup like it should (3rd picture expected behavior).

## Expected Behavior
For the calendar to pop up like it normally does, as such:

## Current Behavior
Component gets cut off.

## Tech
"@material-ui/core": "^4.7.2",
"@material-ui/icons": "^4.5.1",
"mui-datatables": "^2.13.3",
"react": "^16.10.2"

The calendar is a [PRIMEREACT](https://www.primefaces.org/primereact/#/calendar) component.

Start by reproducing the custom filterOptions display with the Date range Calendar component and the listed React, Material-UI, mui-datatables, and PrimeReact versions. Inspect how custom filter content is sized and clipped, then verify that the calendar opens like the expected screenshot without being cut off.

Written by the indexing model from the issue text.