title: Angular UI 2 datepickers range
body: <p>I have a problem with AngularUI datepicker when i want to use 2 calendar in range each other.</p>
  
  <p>When i select date in first calendar, the min date of the second calendar need to be higher than first.</p>
  
  <p>So far no problem !</p>
  
  <p><strong>But, when i open the second calendar, the first date is good, but i can't click on date or can't switch month! Nothing do...</strong></p>
  
  <p>Here is my code</p>
  
  <p>HTML :</p>
  
  <pre><code>&lt;div ng-controller="test"&gt;
    From &lt;input id="from" ng-model="from" ui-date="formatCalendar" ng-change="updateDate()"&gt;
    To &lt;input id="to" ng-model="to" ui-date="formatCalendar2"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Javascript :</p>
  
  <pre><code>function test($scope){
  
   $scope.to = null;
   $scope.from = null;
  
   $scope.formatCalendar = {
      minDate: 0,
      maxDate: 365,
      defaultDate: "+1w",
      numberOfMonths: 2,
      changeMonth: true,
      dateFormat: 'dd/mm/yy'
   };
  
   $scope.formatCalendar2 = {
      defaultDate: "+1w",
      numberOfMonths: 2,
      changeMonth: true,
      dateFormat: 'dd/mm/yy'
    };
  
   $scope.updateDate = function(){
    $scope.formatCalendar2.minDate = $scope.from;
   };
  }
  </code></pre>
  
  <p>You can see demon @ <a href="http://plnkr.co/edit/4tTHEIUzVRyQJ7NOCIAs?p=preview" rel="nofollow">http://plnkr.co/edit/4tTHEIUzVRyQJ7NOCIAs?p=preview</a></p>
  
  <p>Thanks for help :)</p>