ReadOnly props is not working

[ali-master]

Expected behavior

I added readOnly props to datePicker component but when I using this props, then the component is not working but if I remove it, it's working.
NOTE: This problem was not available before.

Actual behavior

I should be work with datePicker while it has readOnly props.

Steps to reproduce

[pniebrzydowski]

For some reason this was changed in #1419

Here's the solution I came up with: #1443 (comment)

[whatisaphone]

The change in #1419 broke us as well. I'm also in favor of reverting it. Until then, here is our workaround:

const ForceReadOnlyInput = React.forwardRef((props, ref) => (
  <input {...props} ref={ref} readOnly={true} />
));

<ReactDatePicker
  customInput={<ForceReadOnlyInput />}
/>

It would have been nice to just pass customInput={<input readOnly={true} />}, but the library overwrites the attribute during render.

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.