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

Just isolate your dataPicker state variables.

$scope.dataPickerStates = {
  open1:false,
  open2:false
}

then change your html to

and finally your state changer method

$scope.open = function($event, opened) {
  $event.preventDefault();
  $event.stopPropagation();
  $scope.datePickerStates[opened] = true;
};

that's it.