How to display datepicker one at a time?

Question

I am using datepicker from "http://angular-ui.github.io/bootstrap/" In my page i am using more than one datepicker, So now i am able to open both at a time but what i exactly need is one datepicker at a time can any one suggest me an answer.

Code

   angular.module('ui.bootstrap.demo').controller('DatepickerDemoCtrl',  
   function ($scope) {
   $scope.today = function() {
   $scope.dt = new Date();
   };
  $scope.today();

  $scope.clear = function () {
  $scope.dt = null;
  };

 // Disable weekend selection
  $scope.disabled = function(date, mode) {
  return ( mode === 'day' && ( date.getDay() === 0 || date.getDay() === 6 ) 
   );
 };

$scope.toggleMin = function() {
 $scope.minDate = $scope.minDate ? null : new Date();
};
 $scope.toggleMin();

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

$scope.opened = true;
 };

$scope.dateOptions = {
formatYear: 'yy',
startingDay: 1
};

$scope.formats = ['dd-MMMM-yyyy', 'yyyy/MM/dd', 'dd.MM.yyyy', 'shortDate'];
$scope.format = $scope.formats[0];
});