I am trying to create a custom grouping with MUI Autocomplete component but no result. Seems like the library itself doesn't provide a solution (I wish I was wrong).
The above grouping is pretty easy with groupBy property.
The second one - I have already spent a whole day , but couldn't find a solution.
I have tried to add custom options and changed dropdown box styles in order to somehow achieve the goal, but internally Autocomplete filters the options by the return value of the getOptionLabel or filters with some internal function.
If I use filterOptions prop to not include the unwanted options in the filtering process, it just removes them completely.
Maybe I am just trying to implement a thing out of the box which is not available for this Service.
P.S. Both of the groupings should be always visible.