css class ui-state-disabled not applied after refresh when inline

[MikeH]

The css class ui-state-disabled is applied on div.ui-datepicker-header and div.ui-datepicker-calendar when calling the method disable on an inline datepicker.

After a call to the refresh method, the datepicker is still disabled (impossible to select a date) but the css class ui-state-disabled is absent.

Tested on firefox 6.0.1, Windows 7 Professional.

Example on jsfiddle:

• ​http://jsfiddle.net/DMs2j/

[mikesherov]

still valid on latest: ​http://jsfiddle.net/cM77u/

[annavester]

Correct me if I'm wrong, but I believe that "refresh" method doesn't reinitialize the datepicker. In your case I think you would have to enable it before the refresh method to be able to pick a date again - ​http://jsfiddle.net/DMs2j/5/ Also in this case it doesn't matter if datepicker is inline or not.

[MikeH]

Actually, the problem is only about the CSS class. I think the behavior of "refresh" and "disable" is correct as you showed in your example. I updated the originals examples (​http://jsfiddle.net/DMs2j/6/ and ​http://jsfiddle.net/cM77u/3/) by adding a call to "isDisabled" to demonstrate the problem more clearly. When the datepicker is disabled and you refresh it, it stays disabled, as expected, but the CSS class ui-state-disabled isn't applied so it looks enabled.

[MikeH]

After taking a look at the code, it appears there is a similar issue when the datepicker is created with the "changeMonth" and "changeYear" options. After a call to "refresh" on an inline datepicker, the selects are re-enabled (ex: ​http://jsfiddle.net/HqkgF/2/).