[TextField] Add "input" property for custom Input component

Like Select does, It’d be useful to allow TextField to receive a custom Input component.

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

Expected Behavior

Passing a custom Input element via the input prop.

<TextField
  label="Name"
  input={<CustomInput name="amount" id="amount-simple" />}
/>

Current Behavior

Having to stick to the default Mui Input

<TextField
  label="Name"
/>

Context

My custom Input shows a specific icon depending on the error prop

Your Environment

Tech	Version
Material-UI	1.0.0-beta.31

[oliviertassinari]

@alltom You can already do it this way:

<TextField
  label="Name"
  InputProps={{
    inputComponent: <CustomInput name="amount" id="amount-simple" />,
  }}
/>

We should minimize as much as possible the API surface. I don’t think that adding a inputComponent component to the TextField will be wise. At some point, we removed inputProps too. But people were complaining about it as it’s a common use case. I don’t think we are in a common use case here. Thanks for raising this point 👍 .

[ElAnonimo]

@rastegars Did you get the CustomInput to show on the screen? I couldn’t get mine and also my custom Input component doesn’t show the auto suggestion list.

EDIT. Got the custom Input component to show with

<TextField
  label="inputData"
  InputProps={{
    inputComponent: () => <Input name="inputData" />
  }}
/>