title: AngularUI datepicker-popup - manually typed date and min/max dates
body: <p>I have found an issue with validation of a manually typed date value that falls outside of the minDate or maxDate values when using the datepicker-popup.</p>
  
  <p>This can be demonstrated with the datepicker popup on the angular ui site by following the steps below: <a href="http://angular-ui.github.io/bootstrap/#/datepicker" rel="nofollow">http://angular-ui.github.io/bootstrap/#/datepicker</a></p>
  
  <ol>
  <li>Ensure the min date option is turned on (min date should equal today)</li>
  <li>Type in yesterdays date to the datepicker-popup</li>
  </ol>
  
  <p>This shows a red border around the inline datepicker (as it is flagged as ng-invalid-date) however the input box for the datepicker-popup is still valid.</p>
  
  <p>On further investigation it seems that the ng-invalid-date attribute has been set against the popup part of datepicker and not against the input box. This causes issues because firstly, the user cannot see that the element is invalid and secondly the popup does not have a name property so I am unable to check validity from the ng-form (e.g. myForm.myDate.$invalid</p>
  
  <p>Does anyone know any way around this?</p>