Как дать возможность вводить в input mui «-» с клавиатуры?

Question

[vitas2008]

Суть проблемы в том что в инпут типа number не получается ввести с клавиатуры отрицательное число (символ тире).

export const TexstFieldPercent = styled(Input)({
    padding: '0',
    fontFamily: 'Raleway',
    fontSize: '28px',
    height: '24px',
    color: '#475267',
    fontStyle: 'normal',
    fontWeight: 600,
    lineHeight: '24px',
})

<TexstFieldPercent
                      type="number"
                      autoFocus
                      onChange={handleChangePercent}
                      value={persent}
                      inputProps={{ min: "-100" }}
                    />

Answer 1

[strelok011]

Выбросить type number, написать свою валидацию на скажем yup или его аналоге.
И не тратить время.