Add support of ng-disabled to timepicker

[idrabenia]

Hi!

Timepicker is great!
But will be very cool if timepicker will have support of ng-disabled directive.

Thanks!

[Siddeshgad]

Hey

You can use readonly-input="true" for time picker. It will disable timepicker.

[idrabenia]

Hi!

I know but will be better to support angular standard directives for use it as other usual angular input.

[gediminasgu]

It's now implemented on PR #2562

[primac-mfahad]

readonly-input="true" only stops to type inside, but let it be changed on up and down.

[Siddeshgad]

You can set hour-step and minute-step to zero. It works.

[primac-mfahad]

Yes it worked! Thanks

[carlospliego]

So, we need to set three things to correctly disable the input?

[Siddeshgad]

Yes. If you set readonly-input="true", hour-step and minute-step to zero it will work.

[zakhenry]

While this is a feature that definitely should be implemented, there is a workaround - you can wrap the timepicker in a <fieldset ng-disabled="your.param"></fieldset> to disable all fields in the fieldset.

[theaccordance]

Having to modify multiple attributes to disable the directive is not ideal, it would be much more preferable to have a single attribute that disables all aspects of this directive from user input.

[amamut]

Meridian is still editable after disabling everything.

[deepu105]

<fieldset ng-disabled="your.param"></fieldset> this is the best workaround disables everything thanks @xiphiaz but yes ng-disabled directly would be better

[deepu105]

PR seems to have closed with a rollback

[JoeMatulka]

Careful of the fieldset, it doesn't work in IE...

[AliAdravi]

In our directive we can watch the ngDisabled value and disable the datepicker
scope.$watch(attr.ngDisabled, function (newVal) {
if(newVal === true)
$(elm).datepicker("disable");
else
$(elm).datepicker("enable");
});
See the complete detail here:
http://www.advancesharp.com/blog/1224/angularjs-jquery-ui-datepicker-for-any-condition