[Autocomplete] Add slotProps for Input

[svidskiy]

Summary

Add a new way to throw parameters into the input via slotProps

Examples

My variant via custom prop:

type AutocompleteProps<
    Value = unknown,
    Multiple extends boolean | undefined = false,
    DisableClearable extends boolean | undefined = false,
    FreeSolo extends boolean | undefined = false
> = Omit<MUIAutocompleteProps<Value, Multiple, DisableClearable, FreeSolo>, 'renderInput'> & {
    inputProps?: Omit<ComponentProps<typeof TextField>, 'value' | 'onChange'>;
};

export const Autocomplete = forwardRef<HTMLInputElement, AutocompleteProps>(
    ({ inputProps, ...props }, ref) => {
        return (
            <MUIAutocomplete
                ref={ref}
                renderInput={params => (
                    <TextField {...params} {...inputProps} />
                )}
                {...props}
            />
        );
    }
);

What implementation would like to see:

  <Autocomplete
        options={['one', 'two', 'three']}
        slotProps={{
            input: {
                placeholder: 'Type to search'
            }
        }}
    />

Motivation

No response

Search keywords: autocomplete, slotprops, slots

[mj12albert]

Duplicate of #44145