Angular custom directive for Datepicker, popup issue

Question

I have created a custom directive using angular UI datepicker. Angular UI datepicker popup should get opened on button click event. This button click event is getting fired and is-open boolean value is being set to true, But the popup is not showing. Please advise.

Plunker Link: http://plnkr.co/edit/wszoqlmIzS6h3majJrnN?p=preview

Answer 1

I think problem is the event-propagation of the button, which could be prevented by $event.stopPropagation();. I already had a similiar issue which could solve your problem.

I have updated the plunkr which is now working

In the example in the official documentation you can also find the following lines of code:

$scope.open = function($event) {
    $event.preventDefault();
    $event.stopPropagation();

    $scope.opened = true;
};