TextField

View original docs online: https://mui.com/api/text-field/

The TextField is a convenience wrapper for the most common cases (80%). It cannot be all things to all people, otherwise the API would grow out of control.

Advanced Configuration

It's important to understand that the text field is a simple abstraction on top of the following components:

• FormControl
• InputLabel
• FilledInput
• OutlinedInput
• Input
• FormHelperText

If you wish to alter the props applied to the input element, you can do so as follows:

const inputProps = {
 step: 300,
};

return <TextField id="time" type="time" inputProps={inputProps} />;

For advanced cases, please look at the source of TextField by clicking on the "Edit this page" button above. Consider either:

• using the upper case props for passing values directly to the components
• using the underlying components directly as shown in the demos