[MUI] TextField에서 숫자 maxlength적용하기

maxLength도 써야하고 숫자타입의 번호판도 띄워야해서 어떻게 해야하나 싶었다.

maxLength는 input type="number"에서는 적용이 안된다.

 

 

          <TextField
            inputProps={{ maxLength: 1, inputMode: 'numeric', pattern: '[0-9]*' }}
            type="text"
            variant="standard"
          />

그럴때 inputProps를 위와같이 설정해주면 

 

 

숫자 4자리도 적용되고 text타입일때 나오는 글자판이아닌 숫자판이 키패드로 떠오르게된다.