title: using bootstrap-datepicker with angularjs. Need to find a way to update ng-model when a date is chosen
body: <p>In short, I need to find a way to update ng-model when using bootstrap-datepicker. Here is a plunker I made to demonstrate what is going on <a href="http://plnkr.co/edit/nNTEM25I2xX2zRKOWbD1?p=preview" rel="nofollow">http://plnkr.co/edit/nNTEM25I2xX2zRKOWbD1?p=preview</a>. I've tried searching around and am fairly positive that I need to use a directive to pass a value to the model. Typing something in the text box will update the selected date model, but just using the datepicker does nothing. The below directive seemed like it should work but unfortunately it doesn't seem to have much of an effect.</p>
  
  <pre><code>app.directive('datepicker', function() {
      return {
          restrict : 'A',
          require : 'ngModel',
          link : function(scope, element, attrs, ngModelCtrl) {
              $(function() {
                  element.datepicker({
                      dateFormat : 'dd/mm/yy',
  
                      onSelect : function(date) {
  
                          ngModelCtrl.$setViewValue(date);
  
                          element.datepicker("setDate", date);
  
                          scope.$apply();
  
                      }
                  });
              });
          }
      }
  });
  </code></pre>
  
  <p>An easy solution would be to just use another datepicker, but unfortunately due to restrictions on how many external libraries I can use this is the datepicker I have to use. Any insight would be greatly appreciated!!!</p>