diff --git a/apps/material-react-table-docs/components/prop-tables/rowInstanceAPIs.ts b/apps/material-react-table-docs/components/prop-tables/rowInstanceAPIs.ts
index c14f41c06..8d1c251e8 100644
--- a/apps/material-react-table-docs/components/prop-tables/rowInstanceAPIs.ts
+++ b/apps/material-react-table-docs/components/prop-tables/rowInstanceAPIs.ts
@@ -51,6 +51,13 @@ export const rowInstanceAPIs: RowInstanceAPI[] = [
     link: '',
     linkText: '',
   },
+  {
+    rowInstanceAPI: 'getCanPin',
+    type: '',
+    description: '',
+    link: '',
+    linkText: '',
+  },
   {
     rowInstanceAPI: 'getCanSelect',
     type: '',
@@ -72,6 +79,20 @@ export const rowInstanceAPIs: RowInstanceAPI[] = [
     link: '',
     linkText: '',
   },
+  {
+    rowInstanceAPI: 'getGroupingValue',
+    type: '',
+    description: '',
+    link: '',
+    linkText: '',
+  },
+  {
+    rowInstanceAPI: 'getIsAllParentsExpanded',
+    type: '',
+    description: '',
+    link: '',
+    linkText: '',
+  },
   {
     rowInstanceAPI: 'getIsAllSubRowsSelected',
     type: '',
@@ -93,6 +114,13 @@ export const rowInstanceAPIs: RowInstanceAPI[] = [
     link: '',
     linkText: '',
   },
+  {
+    rowInstanceAPI: 'getIsPinned',
+    type: '',
+    description: '',
+    link: '',
+    linkText: '',
+  },
   {
     rowInstanceAPI: 'getIsSelected',
     type: '',
@@ -135,6 +163,13 @@ export const rowInstanceAPIs: RowInstanceAPI[] = [
     link: '',
     linkText: '',
   },
+  {
+    rowInstanceAPI: 'getPinnedIndex',
+    type: '',
+    description: '',
+    link: '',
+    linkText: '',
+  },
   {
     rowInstanceAPI: 'getRightVisibleCells',
     type: '',
@@ -177,7 +212,13 @@ export const rowInstanceAPIs: RowInstanceAPI[] = [
     link: '',
     linkText: '',
   },
-  { rowInstanceAPI: 'id', type: '', description: '', link: '', linkText: '' },
+  {
+    rowInstanceAPI: 'id',
+    type: '',
+    description: '',
+    link: '',
+    linkText: '',
+  },
   {
     rowInstanceAPI: 'index',
     type: '',
@@ -206,6 +247,13 @@ export const rowInstanceAPIs: RowInstanceAPI[] = [
     link: '',
     linkText: '',
   },
+  {
+    rowInstanceAPI: 'pin',
+    type: '',
+    description: '',
+    link: '',
+    linkText: '',
+  },
   {
     rowInstanceAPI: 'renderValue',
     type: '',
diff --git a/apps/material-react-table-docs/components/prop-tables/tableInstanceAPIs.ts b/apps/material-react-table-docs/components/prop-tables/tableInstanceAPIs.ts
index 4bc2bbcbe..00823142f 100644
--- a/apps/material-react-table-docs/components/prop-tables/tableInstanceAPIs.ts
+++ b/apps/material-react-table-docs/components/prop-tables/tableInstanceAPIs.ts
@@ -30,6 +30,13 @@ export const tableInstanceAPIs: TableInstanceAPI[] = [
     link: '',
     linkText: '',
   },
+  {
+    tableInstanceAPI: 'getBottomRows',
+    type: '',
+    description: '',
+    link: '',
+    linkText: '',
+  },
   {
     tableInstanceAPI: 'getCanNextPage',
     type: '',
@@ -86,6 +93,13 @@ export const tableInstanceAPIs: TableInstanceAPI[] = [
     link: '',
     linkText: '',
   },
+  {
+    tableInstanceAPI: 'getCenterRows',
+    type: '',
+    description: '',
+    link: '',
+    linkText: '',
+  },
   {
     tableInstanceAPI: 'getCenterTotalSize',
     type: '',
@@ -268,6 +282,13 @@ export const tableInstanceAPIs: TableInstanceAPI[] = [
     link: '',
     linkText: '',
   },
+  {
+    tableInstanceAPI: 'getIsSomeRowsPinned',
+    type: '',
+    description: '',
+    link: '',
+    linkText: '',
+  },
   {
     tableInstanceAPI: 'getIsSomeRowsSelected',
     type: '',
@@ -506,6 +527,13 @@ export const tableInstanceAPIs: TableInstanceAPI[] = [
     link: '',
     linkText: '',
   },
+  {
+    tableInstanceAPI: 'getTopRows',
+    type: '',
+    description: '',
+    link: '',
+    linkText: '',
+  },
   {
     tableInstanceAPI: 'getTotalSize',
     type: '',
@@ -653,6 +681,13 @@ export const tableInstanceAPIs: TableInstanceAPI[] = [
     link: '',
     linkText: '',
   },
+  {
+    tableInstanceAPI: 'resetRowPinning',
+    type: '',
+    description: '',
+    link: '',
+    linkText: '',
+  },
   {
     tableInstanceAPI: 'resetRowSelection',
     type: '',
@@ -716,6 +751,13 @@ export const tableInstanceAPIs: TableInstanceAPI[] = [
     link: '',
     linkText: '',
   },
+  {
+    tableInstanceAPI: 'setCreatingRow',
+    type: '',
+    description: '',
+    link: '',
+    linkText: '',
+  },
   {
     tableInstanceAPI: 'setDensity',
     type: '',
@@ -835,6 +877,13 @@ export const tableInstanceAPIs: TableInstanceAPI[] = [
     link: '',
     linkText: '',
   },
+  {
+    tableInstanceAPI: 'setRowPinning',
+    type: '',
+    description: '',
+    link: '',
+    linkText: '',
+  },
   {
     tableInstanceAPI: 'setRowSelection',
     type: '',
@@ -863,6 +912,13 @@ export const tableInstanceAPIs: TableInstanceAPI[] = [
     link: '',
     linkText: '',
   },
+  {
+    tableInstanceAPI: 'setShowToolbarDropZone',
+    type: '',
+    description: '',
+    link: '',
+    linkText: '',
+  },
   {
     tableInstanceAPI: 'setSorting',
     type: '',
diff --git a/apps/material-react-table-docs/pages/migrating-to-v2.mdx b/apps/material-react-table-docs/pages/migrating-to-v2.mdx
index 3f5a0ac63..f5ee787c8 100644
--- a/apps/material-react-table-docs/pages/migrating-to-v2.mdx
+++ b/apps/material-react-table-docs/pages/migrating-to-v2.mdx
@@ -19,11 +19,12 @@ import { InstallCommand } from '../components/mdx/InstallCommand';
 2. Greatly improved Editing and Creating features.
 3. New Row Pinning Features
 4. New Column Filtering `'popover'` display mode to give a more "excel-like" filtering experience.
-5. New Date Filter variants.
+5. New Date and Date Range Filter variants
+6. New Autocomplete Filter variant
 
 ### Breaking Changes
 
-- `@mui/x-date-pickers` is now a required peer dependency. Install it with
+- `@mui/x-date-pickers v >=6.15.0` is now a required peer dependency. Install it with:
 
 <InstallCommand packagesString="@mui/x-date-pickers" />
 
diff --git a/packages/material-react-table/build-locales.mjs b/packages/material-react-table/build-locales.mjs
index 95e188c74..1e25f347f 100644
--- a/packages/material-react-table/build-locales.mjs
+++ b/packages/material-react-table/build-locales.mjs
@@ -1,6 +1,6 @@
+import typescript from '@rollup/plugin-typescript';
 import { rollup } from 'rollup';
 import copy from 'rollup-plugin-copy';
-import typescript from '@rollup/plugin-typescript';
 
 const supportedLocales = [
   'ar',
@@ -50,10 +50,10 @@ async function build(locale) {
       copy({
         targets: [
           ...['cjs', 'esm'].map((format) => ({
-            src: `./dist/esm/types/locales/${locale}.d.ts`,
             dest: './locales',
             rename: () =>
               format === 'esm' ? `${locale}.${format}.d.ts` : `${locale}.d.ts`,
+            src: `./dist/esm/types/locales/${locale}.d.ts`,
           })),
         ],
       }),
diff --git a/packages/material-react-table/src/inputs/MRT_FilterTextField.tsx b/packages/material-react-table/src/inputs/MRT_FilterTextField.tsx
index 0b855697e..3e08caea7 100644
--- a/packages/material-react-table/src/inputs/MRT_FilterTextField.tsx
+++ b/packages/material-react-table/src/inputs/MRT_FilterTextField.tsx
@@ -7,6 +7,7 @@ import {
   useRef,
   useState,
 } from 'react';
+import Autocomplete from '@mui/material/Autocomplete';
 import Box from '@mui/material/Box';
 import Checkbox from '@mui/material/Checkbox';
 import Chip from '@mui/material/Chip';
@@ -42,6 +43,7 @@ export const MRT_FilterTextField = <TData extends Record<string, any>>({
       icons: { CloseIcon, FilterListIcon },
       localization,
       manualFiltering,
+      muiFilterAutocompleteProps,
       muiFilterDatePickerProps,
       muiFilterTextFieldProps,
     },
@@ -60,6 +62,14 @@ export const MRT_FilterTextField = <TData extends Record<string, any>>({
     }),
   };
 
+  const autocompleteProps = {
+    ...parseFromValuesOrFunc(muiFilterAutocompleteProps, { column, table }),
+    ...parseFromValuesOrFunc(columnDef.muiFilterAutocompleteProps, {
+      column,
+      table,
+    }),
+  };
+
   const datePickerProps: DatePickerProps<any> = {
     ...parseFromValuesOrFunc(muiFilterDatePickerProps, { column, table }),
     ...parseFromValuesOrFunc(columnDef.muiFilterDatePickerProps, {
@@ -69,12 +79,14 @@ export const MRT_FilterTextField = <TData extends Record<string, any>>({
   };
 
   const isDateFilter = filterVariant?.startsWith('date');
+  const isAutocompleteFilter = filterVariant === 'autocomplete';
   const isRangeFilter =
     filterVariant?.includes('range') || rangeFilterIndex !== undefined;
   const isSelectFilter = filterVariant === 'select';
   const isMultiSelectFilter = filterVariant === 'multi-select';
   const isTextboxFilter =
-    filterVariant === 'text' || (!isSelectFilter && !isMultiSelectFilter);
+    ['autocomplete', 'text'].includes(filterVariant!) ||
+    (!isSelectFilter && !isMultiSelectFilter);
   const currentFilterOption = columnDef._filterFn;
   const filterChipLabel = ['empty', 'notEmpty'].includes(currentFilterOption)
     ? //@ts-ignore
@@ -104,22 +116,6 @@ export const MRT_FilterTextField = <TData extends Record<string, any>>({
 
   const facetedUniqueValues = column.getFacetedUniqueValues();
 
-  const filterSelectOptions = useMemo(
-    () =>
-      columnDef.filterSelectOptions ??
-      ((isSelectFilter || isMultiSelectFilter) && facetedUniqueValues
-        ? Array.from(facetedUniqueValues.keys())
-            .filter((value) => value !== null && value !== undefined)
-            .sort((a, b) => a.localeCompare(b))
-        : undefined),
-    [
-      columnDef.filterSelectOptions,
-      facetedUniqueValues,
-      isMultiSelectFilter,
-      isSelectFilter,
-    ],
-  );
-
   const [anchorEl, setAnchorEl] = useState<HTMLElement | null>(null);
   const [filterValue, setFilterValue] = useState<string | string[]>(() =>
     isMultiSelectFilter
@@ -162,6 +158,7 @@ export const MRT_FilterTextField = <TData extends Record<string, any>>({
         ? event.target.valueAsNumber
         : event.target.value;
     handleChange(newValue);
+    textFieldProps?.onChange?.(event);
   };
 
   const handleClear = () => {
@@ -216,9 +213,29 @@ export const MRT_FilterTextField = <TData extends Record<string, any>>({
     );
   }
 
+  const dropdownOptions = useMemo(
+    () =>
+      columnDef.filterSelectOptions ??
+      ((isSelectFilter || isMultiSelectFilter || isAutocompleteFilter) &&
+      facetedUniqueValues
+        ? Array.from(facetedUniqueValues.keys())
+            .filter((value) => value !== null && value !== undefined)
+            .sort((a, b) => a.localeCompare(b))
+        : undefined),
+    [
+      columnDef.filterSelectOptions,
+      facetedUniqueValues,
+      isMultiSelectFilter,
+      isSelectFilter,
+    ],
+  );
+
   const endAdornment =
-    !isDateFilter && !filterChipLabel ? (
-      <InputAdornment position="end">
+    !isAutocompleteFilter && !isDateFilter && !filterChipLabel ? (
+      <InputAdornment
+        position="end"
+        sx={{ mr: isSelectFilter || isMultiSelectFilter ? '20px' : undefined }}
+      >
         <Tooltip arrow placement="right" title={localization.clearFilter ?? ''}>
           <span>
             <IconButton
@@ -227,8 +244,9 @@ export const MRT_FilterTextField = <TData extends Record<string, any>>({
               onClick={handleClear}
               size="small"
               sx={{
-                height: '1.75rem',
-                width: '1.75rem',
+                height: '2rem',
+                transform: 'scale(0.9)',
+                width: '2rem'
               }}
             >
               <CloseIcon />
@@ -285,6 +303,7 @@ export const MRT_FilterTextField = <TData extends Record<string, any>>({
       </label>
     ) : null,
     inputProps: {
+      autoComplete: 'new-password', // disable autocomplete and autofill
       disabled: !!filterChipLabel,
       sx: {
         textOverflow: 'ellipsis',
@@ -305,10 +324,9 @@ export const MRT_FilterTextField = <TData extends Record<string, any>>({
       filterChipLabel || isSelectFilter || isMultiSelectFilter
         ? undefined
         : filterPlaceholder,
+    variant: 'standard',
+    ...textFieldProps,
     sx: (theme) => ({
-      '& .MuiSelect-icon': {
-        mr: '1.5rem',
-      },
       minWidth: isDateFilter
         ? '160px'
         : isRangeFilter
@@ -321,11 +339,8 @@ export const MRT_FilterTextField = <TData extends Record<string, any>>({
       width: 'calc(100% + 4px)',
       ...(parseFromValuesOrFunc(textFieldProps?.sx, theme) as any),
     }),
-    variant: 'standard',
   };
 
-  console.log(column.id, filterValue)
-
   return (
     <>
       {isDateFilter ? (
@@ -347,6 +362,30 @@ export const MRT_FilterTextField = <TData extends Record<string, any>>({
             },
           }}
         />
+      ) : isAutocompleteFilter ? (
+        <Autocomplete
+          getOptionLabel={(option) => option}
+          onChange={(_e, newValue) => handleChange(newValue)}
+          options={dropdownOptions ?? []}
+          {...autocompleteProps}
+          renderInput={(builtinTextFieldProps) => (
+            <TextField
+              {...builtinTextFieldProps}
+              {...commonTextFieldProps}
+              InputProps={{
+                ...builtinTextFieldProps.InputProps,
+                startAdornment:
+                  commonTextFieldProps?.InputProps?.startAdornment,
+              }}
+              inputProps={{
+                ...builtinTextFieldProps.inputProps,
+                ...commonTextFieldProps?.inputProps,
+              }}
+              onChange={handleTextFieldChange}
+            />
+          )}
+          value={filterValue}
+        />
       ) : (
         <TextField
           SelectProps={{
@@ -359,11 +398,10 @@ export const MRT_FilterTextField = <TData extends Record<string, any>>({
                   ) : (
                     <Box sx={{ display: 'flex', flexWrap: 'wrap', gap: '2px' }}>
                       {(selected as string[])?.map((value) => {
-                        const selectedValue = filterSelectOptions?.find(
-                          (option) =>
-                            option instanceof Object
-                              ? option.value === value
-                              : option === value,
+                        const selectedValue = dropdownOptions?.find((option) =>
+                          option instanceof Object
+                            ? option.value === value
+                            : option === value,
                         );
                         return (
                           <Chip
@@ -382,54 +420,55 @@ export const MRT_FilterTextField = <TData extends Record<string, any>>({
           }}
           onChange={handleTextFieldChange}
           select={isSelectFilter || isMultiSelectFilter}
-          value={filterValue ?? ''}
           {...commonTextFieldProps}
-          {...textFieldProps}
+          value={filterValue ?? ''}
         >
-          {(isSelectFilter || isMultiSelectFilter) && (
-            <MenuItem disabled divider hidden value="">
+          {(isSelectFilter || isMultiSelectFilter) && [
+            <MenuItem disabled divider hidden key="p" value="">
               <Box sx={{ opacity: 0.5 }}>{filterPlaceholder}</Box>
-            </MenuItem>
-          )}
-          {textFieldProps.children ??
-            filterSelectOptions?.map(
-              (option: { text: string; value: string } | string) => {
-                if (!option) return '';
-                let value: string;
-                let text: string;
-                if (typeof option !== 'object') {
-                  value = option;
-                  text = option;
-                } else {
-                  value = option.value;
-                  text = option.text;
-                }
-                return (
-                  <MenuItem
-                    key={value}
-                    sx={{
-                      alignItems: 'center',
-                      display: 'flex',
-                      gap: '0.5rem',
-                      m: 0,
-                    }}
-                    value={value}
-                  >
-                    {isMultiSelectFilter && (
-                      <Checkbox
-                        checked={(
-                          (column.getFilterValue() ?? []) as string[]
-                        ).includes(value)}
-                        sx={{ mr: '0.5rem' }}
-                      />
-                    )}
-                    {text}{' '}
-                    {!columnDef.filterSelectOptions &&
-                      `(${facetedUniqueValues.get(value)})`}
-                  </MenuItem>
-                );
-              },
-            )}
+            </MenuItem>,
+            ...[
+              textFieldProps.children ??
+                dropdownOptions?.map(
+                  (option: { text: string; value: string } | string, index) => {
+                    if (!option) return '';
+                    let value: string;
+                    let text: string;
+                    if (typeof option !== 'object') {
+                      value = option;
+                      text = option;
+                    } else {
+                      value = option.value;
+                      text = option.text;
+                    }
+                    return (
+                      <MenuItem
+                        key={`${index}-${value}`}
+                        sx={{
+                          alignItems: 'center',
+                          display: 'flex',
+                          gap: '0.5rem',
+                          m: 0,
+                        }}
+                        value={value}
+                      >
+                        {isMultiSelectFilter && (
+                          <Checkbox
+                            checked={(
+                              (column.getFilterValue() ?? []) as string[]
+                            ).includes(value)}
+                            sx={{ mr: '0.5rem' }}
+                          />
+                        )}
+                        {text}{' '}
+                        {!columnDef.filterSelectOptions &&
+                          `(${facetedUniqueValues.get(value)})`}
+                      </MenuItem>
+                    );
+                  },
+                ),
+            ],
+          ]}
         </TextField>
       )}
       <MRT_FilterOptionMenu
diff --git a/packages/material-react-table/src/types.ts b/packages/material-react-table/src/types.ts
index 8d03136f2..9c399d6c4 100644
--- a/packages/material-react-table/src/types.ts
+++ b/packages/material-react-table/src/types.ts
@@ -38,6 +38,7 @@ import {
   type Virtualizer,
   type VirtualizerOptions,
 } from '@tanstack/react-virtual';
+import { type AutocompleteProps } from '@mui/material';
 import { type AlertProps } from '@mui/material/Alert';
 import { type ButtonProps } from '@mui/material/Button';
 import { type CheckboxProps } from '@mui/material/Checkbox';
@@ -407,6 +408,7 @@ export type MRT_ColumnDef<TData extends Record<string, any>> = Omit<
   filterFn?: MRT_FilterFn<TData>;
   filterSelectOptions?: ({ text: string; value: any } | string)[];
   filterVariant?:
+    | 'autocomplete'
     | 'checkbox'
     | 'date'
     | 'date-range'
@@ -461,6 +463,12 @@ export type MRT_ColumnDef<TData extends Record<string, any>> = Omit<
         table: MRT_TableInstance<TData>;
       }) => TextFieldProps)
     | TextFieldProps;
+  muiFilterAutocompleteProps?:
+    | ((props: {
+        column: MRT_Column<TData>;
+        table: MRT_TableInstance<TData>;
+      }) => AutocompleteProps<any, any, any, any>)
+    | AutocompleteProps<any, any, any, any>;
   muiFilterCheckboxProps?:
     | ((props: {
         column: MRT_Column<TData>;
@@ -792,6 +800,12 @@ export type MRT_TableOptions<TData extends Record<string, any>> = Omit<
         table: MRT_TableInstance<TData>;
       }) => IconButtonProps)
     | IconButtonProps;
+  muiFilterAutocompleteProps?:
+    | ((props: {
+        column: MRT_Column<TData>;
+        table: MRT_TableInstance<TData>;
+      }) => AutocompleteProps<any, any, any, any>)
+    | AutocompleteProps<any, any, any, any>;
   muiFilterCheckboxProps?:
     | ((props: {
         column: MRT_Column<TData>;
diff --git a/packages/material-react-table/stories/features/Filtering.stories.tsx b/packages/material-react-table/stories/features/Filtering.stories.tsx
index 45a61b832..3d93774fc 100644
--- a/packages/material-react-table/stories/features/Filtering.stories.tsx
+++ b/packages/material-react-table/stories/features/Filtering.stories.tsx
@@ -194,7 +194,7 @@ export const FilterFnAndFilterVariantsFaceted = () => (
       },
       {
         accessorKey: 'lastName',
-        filterVariant: 'select',
+        filterVariant: 'autocomplete',
         header: 'Last Name',
       },
       {
@@ -272,7 +272,7 @@ export const FilteringChangeModeEnabledFaceted = () => (
       },
       {
         accessorKey: 'lastName',
-        filterVariant: 'select',
+        filterVariant: 'autocomplete',
         header: 'Last Name',
       },
       {