Change to allow the datepicker to interact with ngModel

Author: Dervisevic

dist/bootstrap-decorator.min.js

@@ -1,53 +1,30 @@
-// pick-a-date (attribute)
 angular.module('ng').directive('pickADate', function () {
     return {
         restrict: "A",
+        require: 'ngModel',
         scope: {
-            pickADate: '=',
+            ngModel: '=',
             minDate: '=',
             maxDate: '='
         },
-        link: function (scope, element, attrs) {
+        link: function (scope, element, attrs, ngModel) {
             element.pickadate({
-                onSet: function (e) {
-                    if (scope.$$phase || scope.$root.$$phase) // we are coming from $watch or link setup
-                        return;
-                    var select = element.pickadate('picker').get('select'); // selected date
-                    scope.$apply(function () {
-                        if (e.hasOwnProperty('clear')) {
-                            scope.pickADate = null;
-                            return;
-                        }
-                        if (!scope.pickADate)
-                            scope.pickADate = new Date(0);
-                        scope.pickADate.setYear(select.obj.getFullYear());
-                        // Interesting: getYear returns only since 1900. Use getFullYear instead.
-						// It took me half a day to figure that our. Ironically setYear()
-						// (not setFullYear, duh) accepts the actual year A.D.
-                        // So as I got the $#%^ 114 and set it, guess what, I was transported to ancient Rome 114 A.D.
-                        // That's it I'm done being a programmer, I'd rather go serve Emperor Trajan as a sex slave.
-                        scope.pickADate.setMonth(select.obj.getMonth());
-                        scope.pickADate.setDate(select.obj.getDate());
-                    });
-                },
                 onClose: function () {
                     element.blur();
                 }
             });
             function updateValue(newValue) {
                 if (newValue) {
-                    scope.pickADate = (newValue instanceof Date) ? newValue : new Date(newValue);
-                    // needs to be in milliseconds
                     element.pickadate('picker').set('select', scope.pickADate.getTime());
                 } else {
                     element.pickadate('picker').clear();
-                    scope.pickADate = null;
                 }
             }
             updateValue(scope.pickADate);
             element.pickadate('picker').set('min', scope.minDate ? scope.minDate : false);
             element.pickadate('picker').set('max', scope.maxDate ? scope.maxDate : false);
-            scope.$watch('pickADate', function (newValue, oldValue) {
+
+            scope.$watch(scope.ngModel, function (newValue, oldValue) {
                 if (newValue == oldValue)
                     return;
                 updateValue(newValue);
@@ -61,18 +38,3 @@ angular.module('ng').directive('pickADate', function () {
         }
     };
 });
-
-//--------- other misc shit ---------------
-
-function testController($scope) {
-    $scope.curDate = '';
-    $scope.newDate = function() {
-        return new Date();
-    };
-}
-
-function testController2($scope) {
-    $scope.startDate = '2014-02-24 12:00:00';
-    $scope.endDate = '2014-02-27 12:00:00';
-}
-

src/directives/decorators/bootstrap/angular-pickdate.js

@@ -2,6 +2,7 @@
   <label ng-show="showTitle()">{{form.title}}</label>
 
   <input ng-show="form.key"
+         style="background-color: white"
          type="{{form.type}}"
          class="form-control"
          ng-required="form.required"