Datepicker not opening twice in angular-ui version 0.11.0

Question

I am trying to have 2 datepickers and I am using Angular UI version 0.11.0.

My HTML code

Answer 1

After looking at so many answers. What worked for me is something like below:

$scope.datePicker = {
  date_opened:false
}
$scope.open_from = function($event) {
  $event.preventDefault();
  $event.stopPropagation();
  $scope.datePicker.date_opened = true;
};

HTML Template:

We do not have to involve $timeout fixing this issue. I mean why if someone does not need it. I fixed this issue by changing my attribue is-open="date_opened" to is-open="datePicker.date_opened". Always a best practice initializing key to you object.