Clicking calendar button not working on Angular UI datepicker inside accordion

Question

Here is a plunker http://plnkr.co/edit/2Fs6vCciXRRc7GeUwyR2?p=preview

Is anyone could help to advise why the calendar button is not working? However clicking the calendar textbox showing calendarpopup just fine.

It seems that scope.$watch('isOpen', function(value) { ... } not working anymore when datepicker is inside accordion and using calendar button.

many thanks in advance,

Ferry

Answer 1

There was one issue in your plunker - as noticed by @Daniel Dawes you need to use is-open instead open , as documented: http://angular-ui.github.io/bootstrap/#/datepicker

Then, the problem of the calendar being cut off in the last accordion is due to the Bootstrap CSS. You can around this by using the datepicker-append-to-body="true" attribute.

Working plunk here: http://plnkr.co/edit/3d3CX25eNbUvv5U8qiV8?p=preview