Components: Date picker <md-datepicker-toggle> : Disabling input disables datepicker icon also

Created on 6 Sep 2017 · 4Comments · Source: angular/components

Bug, feature request, or proposal:

After using element from Angular Material2 beta 10.
If I want to disable input field, so that user cannot enter date manually and I have given the disabled property to the input field and it is disabling the date picker icon also where user is not able to select the date using date picker icon.

Source

Jay588

Most helpful comment

The demo shows this working. Try it like this:

https://github.com/angular/material2/blob/1b6b27055168d6b93ad614054f3797eb845fad55/src/demo-app/datepicker/datepicker-demo.html#L91-L101

You can see a live example at the bottom of this page.

willshowell on 6 Sep 2017

👍3

All 4 comments

After using md-datepicker-toggle element from Angular Material2 beta 10.
If I want to disable input field, so that user cannot enter date manually and I have given the disabled property to the input field and it is disabling the date picker icon also where user is not able to select the date using date picker icon.

Jay588 on 6 Sep 2017

The demo shows this working. Try it like this:

https://github.com/angular/material2/blob/1b6b27055168d6b93ad614054f3797eb845fad55/src/demo-app/datepicker/datepicker-demo.html#L91-L101

You can see a live example at the bottom of this page.

willshowell on 6 Sep 2017

👍3

Putting [disabled]="false" in md-datepicker element is working...
Thank you my friend..

Jay588 on 6 Sep 2017

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{_This action has been performed automatically by a bot._}