title: Bind angular datepicker and timepicker
body: <p>I want to bind angular timepicker and datepicker. I am using <a href="https://angular-ui.github.io/bootstrap/" rel="noreferrer">Angular bootstrap library</a></p>
  
  <p>As per documentation of timepicker, it requires <code>new Date</code> object for min and max values.
  If I simply set like this</p>
  
  <pre><code>var d = new Date();
  d.setHours( 2 );
  d.setMinutes( 0 );
  $scope.minTime = d;
  
  var d = new Date();
  d.setHours( 11 );
  d.setMinutes( 0 );
  $scope.maxTime = d;
  
  &lt;uib-timepicker ng-model="mytime" min="min" max="max" show-meridian="false" min="minTime" max="maxTime"&gt;&lt;/uib-timepicker&gt;
  </code></pre>
  
  <p>This works only for <strong>today</strong> because of <code>new Date()</code> object.</p>
  
  <p>I want it to work on any day I select. Currently, timepicker is not restricting time as required. Also, sometimes timepicker box borders turn red (It may be due to validation errors), but does not specify what exactly is the error.</p>
  
  <p><strong>Please have a look at:</strong>
  <a href="http://plnkr.co/edit/LOZ9T6zexRkQpqSIaJiA?p=preview" rel="noreferrer">http://plnkr.co/edit/LOZ9T6zexRkQpqSIaJiA?p=preview</a></p>