Merge pull request #3 from Modulr/dev

Update v1.0.2

Author: alfredobarron

README.md

@@ -8,6 +8,7 @@ Angular Bootstrap Datepicker is an Angularjs component that can replacement for
 ##Features
 
 - Uses the native Angularjs scope for data binding
+- Fast and lightweight
 - Formats support
 
 
@@ -62,7 +63,7 @@ angular.module('MyApp', ['mdr.datepicker'])
 > Complete Directive (All attributes)
 
 ```html
-<mdr-datepicker model="input" date="output" format="d/M/yyyy" placeholder="dd/M/yyyy" disabled="true" required></mdr-datepicker>
+<mdr-datepicker model="input" date="output" format="d/M/yyyy" placeholder="dd/M/yyyy" disabled="true" required="true"></mdr-datepicker>
 ```
 
 ####API
@@ -76,6 +77,7 @@ date | `date` | *Get date (Output).*
 format | `string` | *It is date format.*
 placeholder | `string` | *Text into placeholder.*
 disabled | `boolean` | *If required disable the component is marked as true.*
+required | `boolean` | *If is required the component is marked as true.*
 
 ##How to contribute
 

bower.json

@@ -1,6 +1,6 @@
 {
   "name": "mdr-angular-datepicker",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "Bootstrap Datepicker for angular",
   "main": "dist/mdr-datepicker.js",
   "authors": [

dist/mdr-datepicker.js

@@ -10,20 +10,20 @@
     * @param format {string}
     * @param placeholder {string}
     * @param disabled {boolean}
-    * @param required {attribute}
-    * <mdr-datepicker model="" date="" format="" placeholder="" disabled="" required></mdr-datepicker>
+    * @param required {boolean}
     */
     return {
       restrict: 'E',
+      controller: 'mdrDatepickerCtrl',
       scope: {
         model: '=',
         date: '=',
         format: '@',
         placeholder: '@',
-        disabled: '='
+        disabled: '=',
+        required: '='
       },
-      controller: 'mdrDatepickerCtrl',
-      template: '<input type="text" class="form-control datepicker" id="datepickerId_{{$id}}" placeholder="{{placeholder}}" ng-model="model" ng-disabled="disabled">'
+      template: '<input type="text" class="form-control datepicker" id="datepickerId_{{$id}}" placeholder="{{placeholder}}" ng-model="model" ng-disabled="disabled" ng-required="required">'
     };
   }])
   .controller('mdrDatepickerCtrl', ['$scope', '$element', '$attrs', '$filter', function($scope, $element, $attrs, $filter){
@@ -35,7 +35,6 @@
       if(newValue !== undefined){
         if(newValue !== '0000-00-00'){
           var date = $filter('date')(newValue, $scope.format);
-          console.log(date);
           $("#datepickerId_" + $scope.$id).datepicker('update', date);
         }else{
           $("#datepickerId_" + $scope.$id).datepicker('update', '');
@@ -53,12 +52,6 @@
         todayHighlight: true,
         //language:"es"
       });
-      setTimeout(function() {
-        // Si la directiva contiene el attr required se agrega el attr required al datepicker
-        if($attrs.required){
-          $("#datepickerId_" + $scope.$id).attr('required','required');
-        }
-      },0);
     }
 
   }]);

dist/mdr-datepicker.min.js

@@ -1,6 +1,6 @@
 {
   "name": "mdr-angular-datepicker",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "Bootstrap Datepicker for angular",
   "main": "index.js",
   "scripts": {

package.json

@@ -10,20 +10,20 @@
     * @param format {string}
     * @param placeholder {string}
     * @param disabled {boolean}
-    * @param required {attribute}
-    * <mdr-datepicker model="" date="" format="" placeholder="" disabled="" required></mdr-datepicker>
+    * @param required {boolean}
     */
     return {
       restrict: 'E',
+      controller: 'mdrDatepickerCtrl',
       scope: {
         model: '=',
         date: '=',
         format: '@',
         placeholder: '@',
-        disabled: '='
+        disabled: '=',
+        required: '='
       },
-      controller: 'mdrDatepickerCtrl',
-      template: '<input type="text" class="form-control datepicker" id="datepickerId_{{$id}}" placeholder="{{placeholder}}" ng-model="model" ng-disabled="disabled">'
+      template: '<input type="text" class="form-control datepicker" id="datepickerId_{{$id}}" placeholder="{{placeholder}}" ng-model="model" ng-disabled="disabled" ng-required="required">'
     };
   }])
   .controller('mdrDatepickerCtrl', ['$scope', '$element', '$attrs', '$filter', function($scope, $element, $attrs, $filter){
@@ -35,7 +35,6 @@
       if(newValue !== undefined){
         if(newValue !== '0000-00-00'){
           var date = $filter('date')(newValue, $scope.format);
-          console.log(date);
           $("#datepickerId_" + $scope.$id).datepicker('update', date);
         }else{
           $("#datepickerId_" + $scope.$id).datepicker('update', '');
@@ -53,12 +52,6 @@
         todayHighlight: true,
         //language:"es"
       });
-      setTimeout(function() {
-        // Si la directiva contiene el attr required se agrega el attr required al datepicker
-        if($attrs.required){
-          $("#datepickerId_" + $scope.$id).attr('required','required');
-        }
-      },0);
     }
 
   }]);