Custom Date Filter | Issue on removing filter

I have been trying to implement a custom date filter. I have been able to get some help from the age filter from within the examples and trying to implement 'to' and 'from' date in it and it works fine. However when I cancel or clear the filter, it makes another random pill and when I overcame the problem by several hours of debugging and adding the custom code, I was able to get rid of the pill but I am still stuck with another issue, which I have shown in the screenshot attached


## Expected Behavior
When I clear the custom date filter everything should work as expected and I should be able to apply the filters again

## Current Behavior
When I clear the filter, it works, but when I reapply the filter it gives the error in the screenshot

## Steps to Reproduce (for bugs)

1. Apply custom date filter 'to' and 'from'
2. Remove the filter
3. Reapply the filter

## Your Environment
ReactJS
"@material-ui/core": "^4.11.0",
"mui-datatables": "^3.4.1",

Start by reproducing the custom date filter in ReactJS with @material-ui/core 4.11.0 and mui-datatables 3.4.1, following the listed apply, remove, and reapply steps. Done means clearing the filter leaves no extra pill and the filter can be applied again without the reported error.

Written by the indexing model from the issue text.