polish new filter features and docs

apps/material-react-table-docs/components/prop-tables/columnOptions.ts

@@ -479,6 +479,16 @@ export const columnOptions: ColumnOption[] = [
     required: false,
     type: 'IconButtonProps | ({ column, table }) => IconButtonProps',
   },
+  {
+    columnOption: 'muiFilterAutocompleteProps',
+    defaultValue: '',
+    description: '',
+    link: 'https://mui.com/material-ui/api/autocomplete/#props',
+    linkText: 'MUI X DatePicker Props',
+    source: 'Material UI',
+    required: false,
+    type: 'AutocompleteProps | ({ column, rangeFilterIndex, table }) => AutocompleteProps',
+  },
   {
     columnOption: 'muiFilterCheckboxProps',
     defaultValue: '',
@@ -487,7 +497,17 @@ export const columnOptions: ColumnOption[] = [
     linkText: 'Material UI Checkbox Props',
     source: 'Material UI',
     required: false,
-    type: 'Checkbox | ({ column, table }) => CheckboxProps',
+    type: 'CheckboxProps | ({ column, table }) => CheckboxProps',
+  },
+  {
+    columnOption: 'muiFilterDatePickerProps',
+    defaultValue: '',
+    description: '',
+    link: 'https://mui.com/x/api/date-pickers/date-picker/',
+    linkText: 'MUI X DatePicker Props',
+    source: 'Material UI',
+    required: false,
+    type: 'DatePickerProps | ({ column, rangeFilterIndex, table }) => DatePickerProps',
   },
   {
     columnOption: 'muiFilterSliderProps',

apps/material-react-table-docs/components/prop-tables/tableOptions.ts

@@ -1240,6 +1240,16 @@ export const tableOptions: TableOption[] = [
     source: 'Material UI',
     type: 'IconButtonProps | ({table, column}) => IconButtonProps',
   },
+  {
+    tableOption: 'muiFilterAutocompleteProps',
+    defaultValue: '',
+    description: '',
+    link: 'https://mui.com/material-ui/api/autocomplete/#props',
+    linkText: 'MUI X DatePicker Props',
+    source: 'Material UI',
+    required: false,
+    type: 'AutocompleteProps | ({ column, rangeFilterIndex, table }) => AutocompleteProps',
+  },
   {
     tableOption: 'muiFilterCheckboxProps',
     defaultValue: '',
@@ -1250,6 +1260,16 @@ export const tableOptions: TableOption[] = [
     source: 'Material UI',
     type: 'CheckboxProps | ({ column, table}) => CheckboxProps',
   },
+  {
+    tableOption: 'muiFilterDatePickerProps',
+    defaultValue: '',
+    description: '',
+    link: 'https://mui.com/x/api/date-pickers/date-picker/',
+    linkText: 'MUI X DatePicker Props',
+    source: 'Material UI',
+    required: false,
+    type: 'DatePickerProps | ({ column, rangeFilterIndex, table }) => DatePickerProps',
+  },
   {
     tableOption: 'muiFilterSliderProps',
     defaultValue: '',

apps/material-react-table-docs/examples/disable-column-filters/index.tsx → apps/material-react-table-docs/examples/alternate-column-filtering/index.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { SourceCodeSnippet } from '../../components/mdx/SourceCodeSnippet';
 import Example from './sandbox/src/TS';
 const JS = require('!!raw-loader!./sandbox/src/JS.js').default;
@@ -10,7 +9,7 @@ const ExampleTable = () => {
       Component={Example}
       javaScriptCode={JS}
       typeScriptCode={TS}
-      tableId="disable-column-filters"
+      tableId="alternate-column-filtering"
     />
   );
 };