JAVASCRIPT

react material ui input max length

<Input
	inputProps={{ maxLength: 10 }} // sets the maximum length to 10
></Input>

input length material Ui Design

<TextField
    required
    id="required"
    label="Required"
    defaultValue="Hello World"
    inputProps={{ maxLength: 12 }}
/>

text field material ui max input for number

<TextField
    required
    id="required"
    label="Required"
    defaultValue="Hello World"
    onInput = {(e) =>{
        e.target.value = Math.max(0, parseInt(e.target.value) ).toString().slice(0,12)
    }}/>