[autocomplete] Support full slots for clearIndicator and popupIndicator

[silviuaavram]

• I have followed (at least) the PR section of the contributing guide.

Fully support slotProps and slots for clear indicator and popup indicator.

Closes #47865.

---

Before: https://stackblitz.com/edit/github-ocec1x59?file=src%2FApp.tsx
After: https://stackblitz.com/edit/github-ocec1x59-1tgzcoaw?file=src%2FApp.tsx

[mui-bot]

Netlify deploy preview

https://deploy-preview-47891--material-ui.netlify.app/

Bundle size report

Bundle	Parsed size	Gzip size
@mui/material	🔺+142B(+0.03%)	🔺+11B(+0.01%)
@mui/lab	0B(0.00%)	0B(0.00%)
@mui/system	0B(0.00%)	0B(0.00%)
@mui/utils	0B(0.00%)	0B(0.00%)

Details of bundle changes

Generated by 🚫 dangerJS against 987c247

[Copilot]

Pull request overview

This PR extends Autocomplete’s slot customization so clearIndicator and popupIndicator fully support both slots and callback slotProps (i.e. (ownerState) => props), addressing #47865.

Changes:

• Refactors clear/popup indicator rendering to use useSlot() so slotProps.* callbacks are resolved with ownerState.
• Adds support for slots.clearIndicator and slots.popupIndicator in the component implementation.
• Updates the API docs JSON to reflect the expanded slots shape.

Reviewed changes

Copilot reviewed 1 out of 1 changed files in this pull request and generated 4 comments.

File	Description
packages/mui-material/src/Autocomplete/Autocomplete.js	Switches clear/popup indicators to useSlot() so both slots and callback slotProps work.
docs/pages/material-ui/api/autocomplete.json	Updates the documented slots prop type description to include the new slots.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[siriwatknp]

nit, please add slot test to https://github.com/mui/material-ui/blob/master/packages/mui-material/src/Autocomplete/Autocomplete.test.js#L62

[silviuaavram]

@siriwatknp isn't there a test at

material-ui/packages/mui-material/src/Autocomplete/Autocomplete.test.js

Line 82 in 760ea03

slots: {

?

[ZeeshanTamboli]

@siriwatknp isn't there a test at

material-ui/packages/mui-material/src/Autocomplete/Autocomplete.test.js

Line 82 in 760ea03

slots: {

?

@silviuaavram You need to update it to:

    only: [
      'slotsProp',
      'slotPropsProp',
      'slotPropsCallback',
      'slotPropsCallbackWithPropsAsOwnerState',
    ],

This will test out that slotProps.popupIndicator/slotProps.clearIndicator can be passed as callbacks and also slots pattern will be tested out. Currently it was only testing slotProps with object pattern. You can take a look at this file: https://github.com/mui/mui-public/blob/master/packages/test-utils/src/describeConformance.tsx for the test cases it runs.

---

Also, I verified with this PR build that it works: https://stackblitz.com/edit/github-ocec1x59-1tgzcoaw?file=src%2FApp.tsx 👍

[ZeeshanTamboli]

Looks good to me!

[github-actions]

Cherry-pick PRs will be created targeting branches: v7.x