React-date-picker: Option to disable date picker control

[rp1214]

Can you please add the option to disable the control by exposing a prop
something like disabled = {true}
so that is becomes easy to handle the control based on the use cases

Currently i implemented a solution by setting pointer-events: none; but user can still tab through it and change using the keyboards

[wojtekmaj]

Oh wow, I'm amazed you are the first person to point that out. I'll do this soon!

[machiapply]

+1

[wojtekmaj]

All,
the feature has been implemented in v6.9.0

[rohitketkar87]

@wojtekmaj is it working in IE-11? For me, its greyed out but when i click on it, I am able to change it.

[wojtekmaj]

Hi @rohitketkar87, thanks for pointing that out - I can confirm there is an issue on IE caused by its non-standard behavior, being focus action being triggered on disabled elements. Fix is on the way.

[wojtekmaj]

@rohitketkar87, v6.10.1 is out. Let me know if it works for you.

[rohitketkar87]

@wojtekmaj Working now. Thanks.

[shivavelingker]

I am still able to change the date in Chrome if disabled={true}

[wojtekmaj]

@shivavelingker Which version are you on? I retested the whole suite and can't reproduce.

[shivavelingker]

@wojtekmaj This was a dumb mistake. I wrote a wrapper component for the date-picker, and forgot to pass the disabled prop properly, so it wasn't disabling. My mistake