NumericInput.jsx

export default (props) => (
  <input
    onKeyDown={(event) => {
      const { keyCode } = event;
      if (
        (keyCode >= 8 && keyCode <= 9) || //BACKSPACE and TAB
        (keyCode >= 37 && keyCode <= 40) || // Arrows
        keyCode === 46 || //DEL
        keyCode === 190 || //DEL
        (keyCode >= 48 && keyCode <= 57) || // Numbers
        (keyCode >= 96 && keyCode <= 105) // Numeric pad
      ) {
        return;
      }
      event.preventDefault();
    }}
    type="text"
    inputmode="numeric"
    pattern="[0-9.]*"
    {...props}
  />
);