[Bug]: ReadOnly InputNumber is editable

[danieldvorak]

I have read-only input number. Read-only inputs shouldn't be editable. But in this case PrimeReact allows me to edit values in read-only input number. Codesandbox is below.

const [value1, setValue1] = useState(42723);
const [isReadonly, setIsReadonly] = useState(true);

return (
    <div>
      <div className="card">
        <h5>Numerals</h5>
        <div className="p-fluid p-grid p-formgrid">
          <div className="p-field p-col-12 p-md-3">
            <label htmlFor="integeronly">Integer Only</label>
            <InputNumber
              readOnly={isReadonly}
              inputId="integeronly"
              value={value1}
              onValueChange={(e) => setValue1(e.value)}
            />
          </div>
        </div>
      </div>
    </div>
);

[ ] bug report
ReadOnly InputNumber is editable.

[ ] feature request
ReadOnly InputNumber shouldn't be editable in no situations.

Codesandbox Case (Bug Reports)

https://codesandbox.io/s/recursing-night-rc3cy

Current behavior
Read-only input number is editable. I tried to make read-only input number in your Codesandbox in demo. Forked Codesendox is above.

Expected behavior
Read-only input automatically shouldn't be editable and shouldn't allow to change data by the user, but should allow to change value by setState etc. by other functions in my components.

Minimal reproduction of the problem with instructions
Create statefull component containing InputNumber with readOnly prop.

Please tell us about your environment:
W10, Chrome, Opera, Edge...

• React version:
  17.0.2

• PrimeReact version:
  6.4.1 (but in Codesandbox is 6.5.0 and issue is still there)

• Language: all