[TextField] TextField doesn't support a custom selectInput

• I have searched the issues of this repository and believe that this is not a duplicate.

Summary 💡

Select has an input prop that provide a custom input for select whereas TextField has only variant prop for choosing input view. It seems like inconsistency and TextField “cuts” a possibility to customise Select.

Current Behavior 😯

Select has an input prop which is handled here Here is fragment of Select.

const InputComponent =
    input ||
    {
      standard: <Input />,
      outlined: <OutlinedInput label={label} labelWidth={labelWidth} />,
      filled: <FilledInput />,
    }[variant];

Unlike in TextField only variant can be choosen.

  const InputComponent = variantComponent[variant];

Expected Behavior 🤔

Input can be choosen in TextField like in Select in example above.

const InputComponent = input || variantComponent[variant];

Motivation 🔦

Use Select inside TextField in the same way as Select separately.

[aikv]

Thank you for answering. Seems like SelectField as separate component probably resolve the problem, if custom component can be passed.

What @AwK55 is described with Select is documented at https://next.material-ui.com/components/selects/#customized-selects

Select already have this ability but agregate component TextField not.

The current solution is

It doesn’t work because all handlers such as onChange, onFocus is passed to components in variantComponent array.

[oliviertassinari]

@AwK55 Oh thanks for providing these extra details. In this case, maybe the first proposal of Marija would be best, a new input prop, which provides the same DX as when using the Select component.