mui · ZeeshanTamboli · Mar 13, 2026 · Feb 28, 2026 · Feb 28, 2026 · Feb 28, 2026
diff --git a/docs/data/material/components/autocomplete/Asynchronous.js b/docs/data/material/components/autocomplete/Asynchronous.js
@@ -47,12 +47,13 @@ export default function Asynchronous() {
           {...params}
           label="Asynchronous"
           slotProps={{
+            ...params.slotProps,
             input: {
-              ...params.InputProps,
+              ...params.slotProps.input,
               endAdornment: (
                 <React.Fragment>
                   {loading ? <CircularProgress color="inherit" size={20} /> : null}
-                  {params.InputProps.endAdornment}
+                  {params.slotProps.input.endAdornment}
                 </React.Fragment>
               ),
             },

diff --git a/docs/data/material/components/autocomplete/Asynchronous.tsx b/docs/data/material/components/autocomplete/Asynchronous.tsx
@@ -52,12 +52,13 @@ export default function Asynchronous() {
           {...params}
           label="Asynchronous"
           slotProps={{
+            ...params.slotProps,
             input: {
-              ...params.InputProps,
+              ...params.slotProps.input,
               endAdornment: (
                 <React.Fragment>
                   {loading ? <CircularProgress color="inherit" size={20} /> : null}
-                  {params.InputProps.endAdornment}
+                  {params.slotProps.input.endAdornment}
                 </React.Fragment>
               ),
             },

diff --git a/docs/data/material/components/autocomplete/CountrySelect.js b/docs/data/material/components/autocomplete/CountrySelect.js
@@ -35,8 +35,9 @@ export default function CountrySelect() {
           {...params}
           label="Choose a country"
           slotProps={{
+            ...params.slotProps,
             htmlInput: {
-              ...params.inputProps,
+              ...params.slotProps.htmlInput,
               autoComplete: 'new-password', // disable autocomplete and autofill
             },
           }}

diff --git a/docs/data/material/components/autocomplete/CountrySelect.tsx b/docs/data/material/components/autocomplete/CountrySelect.tsx
@@ -35,8 +35,9 @@ export default function CountrySelect() {
           {...params}
           label="Choose a country"
           slotProps={{
+            ...params.slotProps,
             htmlInput: {
-              ...params.inputProps,
+              ...params.slotProps.htmlInput,
               autoComplete: 'new-password', // disable autocomplete and autofill
             },
           }}

diff --git a/docs/data/material/components/autocomplete/CustomInputAutocomplete.js b/docs/data/material/components/autocomplete/CustomInputAutocomplete.js
@@ -18,8 +18,8 @@ export default function CustomInputAutocomplete() {
         id="custom-input-demo"
         options={options}
         renderInput={(params) => (
-          <div ref={params.InputProps.ref}>
-            <input type="text" {...params.inputProps} />
+          <div ref={params.slotProps.input.ref}>
+            <input type="text" {...params.slotProps.htmlInput} />
           </div>
         )}
       />

diff --git a/docs/data/material/components/autocomplete/CustomInputAutocomplete.tsx b/docs/data/material/components/autocomplete/CustomInputAutocomplete.tsx
@@ -18,8 +18,8 @@ export default function CustomInputAutocomplete() {
         id="custom-input-demo"
         options={options}
         renderInput={(params) => (
-          <div ref={params.InputProps.ref}>
-            <input type="text" {...params.inputProps} />
+          <div ref={params.slotProps.input.ref}>
+            <input type="text" {...params.slotProps.htmlInput} />
           </div>
         )}
       />

diff --git a/docs/data/material/components/autocomplete/FreeSolo.js b/docs/data/material/components/autocomplete/FreeSolo.js
@@ -21,8 +21,9 @@ export default function FreeSolo() {
             {...params}
             label="Search input"
             slotProps={{
+              ...params.slotProps,
               input: {
-                ...params.InputProps,
+                ...params.slotProps.input,
                 type: 'search',
               },
             }}

diff --git a/docs/data/material/components/autocomplete/FreeSolo.tsx b/docs/data/material/components/autocomplete/FreeSolo.tsx
@@ -21,8 +21,9 @@ export default function FreeSolo() {
             {...params}
             label="Search input"
             slotProps={{
+              ...params.slotProps,
               input: {
-                ...params.InputProps,
+                ...params.slotProps.input,
                 type: 'search',
               },
             }}

diff --git a/docs/data/material/components/autocomplete/GitHubLabel.js b/docs/data/material/components/autocomplete/GitHubLabel.js
@@ -273,8 +273,8 @@ export default function GitHubLabel() {
               getOptionLabel={(option) => option.name}
               renderInput={(params) => (
                 <StyledInput
-                  ref={params.InputProps.ref}
-                  inputProps={params.inputProps}
+                  ref={params.slotProps.input.ref}
+                  inputProps={params.slotProps.htmlInput}
                   autoFocus
                   placeholder="Filter labels"
                 />

diff --git a/docs/data/material/components/autocomplete/GitHubLabel.tsx b/docs/data/material/components/autocomplete/GitHubLabel.tsx
@@ -279,8 +279,8 @@ export default function GitHubLabel() {
               getOptionLabel={(option) => option.name}
               renderInput={(params) => (
                 <StyledInput
-                  ref={params.InputProps.ref}
-                  inputProps={params.inputProps}
+                  ref={params.slotProps.input.ref}
+                  inputProps={params.slotProps.htmlInput}
                   autoFocus
                   placeholder="Filter labels"
                 />

diff --git a/docs/data/material/components/autocomplete/autocomplete.md b/docs/data/material/components/autocomplete/autocomplete.md
@@ -420,9 +420,12 @@ In the event you want the avoid autofill, you can try the following:
   ```jsx
   <TextField
     {...params}
-    inputProps={{
-      ...params.inputProps,
-      autoComplete: 'new-password',
+    slotProps={{
+      ...params.slotProps,
+      htmlInput: {
+        ...params.slotProps.htmlInput,
+        autoComplete: 'new-password',
+      },
     }}
   />
   ```

diff --git a/docs/data/material/migration/upgrade-to-v9/upgrade-to-v9.md b/docs/data/material/migration/upgrade-to-v9/upgrade-to-v9.md
@@ -147,3 +147,51 @@ If you were using `MuiTouchRipple` in your theme, remove it and use global CSS w
 ### JSDOM support
 
 v9 removes all usage of `process.env.NODE_ENV === 'test'`. The `NODE_ENV` variable will exclusively be used for for tree-shaking. Our libraries have been updated to auto-detect DOM environments that don't support layout such as [JSDOM](https://github.com/jsdom/jsdom) and [happy-dom](https://github.com/capricorn86/happy-dom) through user agent sniffing.
+
+### Deprecated APIs removed
+
+APIs that were deprecated earlier have been removed in v9.
+
+#### TextField deprecated props removed
+
+The deprecated `TextField` props have been removed.
+Use the `slotProps` prop instead:
+
+```diff
+ <TextField
+-  InputProps={CustomInputProps}
+-  inputProps={CustomHtmlInputProps}
+-  SelectProps={CustomSelectProps}
+-  InputLabelProps={CustomInputLabelProps}
+-  FormHelperTextProps={CustomFormHelperTextProps}
++  slotProps={{
++    input: CustomInputProps,
++    htmlInput: CustomHtmlInputProps,
++    select: CustomSelectProps,
++    inputLabel: CustomInputLabelProps,
++    formHelperText: CustomFormHelperTextProps,
++  }}
+ />
+```
+
+If you render a `TextField` from `Autocomplete`, the `params` shape also changed to match the new `TextField` API:
+
+```diff
+ <Autocomplete
+   renderInput={(params) => (
+     <TextField
+       {...params}
+-      inputProps={{
+-        ...params.inputProps,
+-        autoComplete: 'new-password',
++      slotProps={{
++        ...params.slotProps,
++        htmlInput: {
++          ...params.slotProps.htmlInput,
++          autoComplete: 'new-password',
++        },
+       }}
+     />
+   )}
+ />
+```
diff --git a/docs/pages/material-ui/api/text-field.json b/docs/pages/material-ui/api/text-field.json
@@ -13,29 +13,9 @@
     "defaultValue": { "type": { "name": "any" } },
     "disabled": { "type": { "name": "bool" }, "default": "false" },
     "error": { "type": { "name": "bool" }, "default": "false" },
-    "FormHelperTextProps": {
-      "type": { "name": "object" },
-      "deprecated": true,
-      "deprecationInfo": "Use <code>slotProps.formHelperText</code> instead. This prop will be removed in a future major release. See <a href=\"https://mui.com/material-ui/migration/migrating-from-deprecated-apis/\">Migrating from deprecated APIs</a> for more details."
-    },
     "fullWidth": { "type": { "name": "bool" }, "default": "false" },
     "helperText": { "type": { "name": "node" } },
     "id": { "type": { "name": "string" } },
-    "InputLabelProps": {
-      "type": { "name": "object" },
-      "deprecated": true,
-      "deprecationInfo": "Use <code>slotProps.inputLabel</code> instead. This prop will be removed in a future major release. See <a href=\"https://mui.com/material-ui/migration/migrating-from-deprecated-apis/\">Migrating from deprecated APIs</a> for more details."
-    },
-    "inputProps": {
-      "type": { "name": "object" },
-      "deprecated": true,
-      "deprecationInfo": "Use <code>slotProps.htmlInput</code> instead. This prop will be removed in a future major release. See <a href=\"https://mui.com/material-ui/migration/migrating-from-deprecated-apis/\">Migrating from deprecated APIs</a> for more details."
-    },
-    "InputProps": {
-      "type": { "name": "object" },
-      "deprecated": true,
-      "deprecationInfo": "Use <code>slotProps.input</code> instead. This prop will be removed in a future major release. See <a href=\"https://mui.com/material-ui/migration/migrating-from-deprecated-apis/\">Migrating from deprecated APIs</a> for more details."
-    },
     "inputRef": { "type": { "name": "custom", "description": "ref" } },
     "label": { "type": { "name": "node" } },
     "margin": {
@@ -57,11 +37,6 @@
     "required": { "type": { "name": "bool" }, "default": "false" },
     "rows": { "type": { "name": "union", "description": "number<br>&#124;&nbsp;string" } },
     "select": { "type": { "name": "bool" }, "default": "false" },
-    "SelectProps": {
-      "type": { "name": "object" },
-      "deprecated": true,
-      "deprecationInfo": "Use <code>slotProps.select</code> instead. This prop will be removed in a future major release. See <a href=\"https://mui.com/material-ui/migration/migrating-from-deprecated-apis/\">Migrating from deprecated APIs</a> for more details."
-    },
     "size": {
       "type": {
         "name": "union",

diff --git a/docs/src/modules/components/AppLayoutDocsFooter.js b/docs/src/modules/components/AppLayoutDocsFooter.js
@@ -405,10 +405,12 @@ export default function AppLayoutDocsFooter(props) {
                   rows={2}
                   value={comment}
                   onChange={handleChangeTextfield}
-                  inputProps={{
-                    'aria-label': t('feedbackCommentLabel'),
-                    'aria-describedby': 'feedback-description',
-                    ref: inputRef,
+                  slotProps={{
+                    htmlInput: {
+                      'aria-label': t('feedbackCommentLabel'),
+                      'aria-describedby': 'feedback-description',
+                      ref: inputRef,
+                    },
                   }}
                 />
                 {rating !== 1 && typeof window !== 'undefined' && (

diff --git a/docs/src/pages/premium-themes/onepirate/modules/components/TextField.js b/docs/src/pages/premium-themes/onepirate/modules/components/TextField.js
@@ -72,70 +72,54 @@ const styles = ({ theme }) => ({
 });
 
 function TextField(props) {
-  const {
-    InputProps = {},
-    InputLabelProps,
-    noBorder,
-    size = 'medium',
-    SelectProps,
-    ...other
-  } = props;
+  const { slotProps = {}, noBorder, size = 'medium', ...other } = props;
 
   const {
     classes: { input: InputPropsClassesInput, ...InputPropsClassesOther } = {},
     ...InputPropsOther
-  } = InputProps;
+  } = slotProps.input ?? {};
 
   return (
     <MuiTextField
-      InputProps={{
-        classes: {
-          root: classes.root,
-          input: clsx(
-            classes.input,
-            inputStyleMappingClasses[size],
-            {
-              [classes.inputBorder]: !noBorder,
-            },
-            InputPropsClassesInput,
-          ),
-          ...InputPropsClassesOther,
+      slotProps={{
+        ...slotProps,
+        input: {
+          classes: {
+            root: classes.root,
+            input: clsx(
+              classes.input,
+              inputStyleMappingClasses[size],
+              {
+                [classes.inputBorder]: !noBorder,
+              },
+              InputPropsClassesInput,
+            ),
+            ...InputPropsClassesOther,
+          },
+          disableUnderline: true,
+          ...InputPropsOther,
+        },
+        inputLabel: {
+          ...slotProps.inputLabel,
+          shrink: true,
         },
-        disableUnderline: true,
-        ...InputPropsOther,
-      }}
-      InputLabelProps={{
-        ...InputLabelProps,
-        shrink: true,
       }}
-      SelectProps={SelectProps}
       {...other}
     />
   );
 }
 
 TextField.propTypes = {
-  /**
-   * Props applied to the [`InputLabel`](https://mui.com/material-ui/api/input-label/) element.
-   * Pointer events like `onClick` are enabled if and only if `shrink` is `true`.
-   * @deprecated Use `slotProps.inputLabel` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  InputLabelProps: PropTypes.object,
-  /**
-   * Props applied to the Input element.
-   * It will be a [`FilledInput`](https://mui.com/material-ui/api/filled-input/),
-   * [`OutlinedInput`](https://mui.com/material-ui/api/outlined-input/) or [`Input`](https://mui.com/material-ui/api/input/)
-   * component depending on the `variant` prop value.
-   * @deprecated Use `slotProps.input` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  InputProps: PropTypes.object,
   noBorder: PropTypes.bool,
-  /**
-   * Props applied to the [`Select`](https://mui.com/material-ui/api/select/) element.
-   * @deprecated Use `slotProps.select` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  SelectProps: PropTypes.object,
   size: PropTypes.oneOf(['large', 'medium', 'small', 'xlarge']),
+  slotProps: PropTypes.shape({
+    formHelperText: PropTypes.object,
+    htmlInput: PropTypes.object,
+    input: PropTypes.object,
+    inputLabel: PropTypes.object,
+    root: PropTypes.object,
+    select: PropTypes.object,
+  }),
 };
 
 export default styled(TextField)(styles);