React-datepicker: Disable inline datepicker does not work

[mathan78]

The disabled attribute does not seem to work for inline DatePickers. Works fine without the inline.

Is this by design or a bug? It would be nice to be able to disable inline as well.

// does not work
disabled={true}
inline
...
/>

// works
disabled={true}
...
/>

[jochenberger]

What do you mean by "does not seem to work"? You can specify inline and disabled: http://codepen.io/jochenberger/pen/YpvxgV

[slavikdenis]

I have no idea why, but It seems to not work for me either. Maybe the issue can be that I have the inline date picker in bootstrap modal somehow?

[jakezatecky]

If you take the same example and modify it to include selected and onChange, it behaves as if nothing is actually disabled.

http://codepen.io/anon/pen/aJQryY

The developer can get around some of this by setting minDate and maxDate to the selected value and omitting the onChange handler, but the calendar should at least have some visual indicators that it is disabled.

I created an example based on @jochenberger's example that effectively created the appearance of a disabled inline date:

http://codepen.io/anon/pen/XMywPE

[Florensvb]

It has been a while my friends! Unfortunately the issue still persists.
Workaround of setting the minDate and maxDate works, however it would be nice if this could get fixed soon.

[demkovych]

+1

[artardupilot]

+1

[stale[bot]]

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.