How to have at least two datepickers of ui-bootstrap on a single page?

Question

I want to have several datepickers on a page. But with the default solution from UI-Bootstrap it is not possible, no one of datepickers may be opened. The conflict with each

Answer 1

This should work (different models, open flag, and functions):

        

            
            
        
        

            
            
        
        Submit
    

And inside controller:

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

    $scope.opened1 = true;
  };

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

    $scope.opened2 = true;
  };