Implement ngChange attribute

bower.json

@@ -1,6 +1,6 @@
 {
   "name": "ngComboDatePicker",
-  "version": "1.5.1",
+  "version": "1.6.0",
   "authors": [
     "jfmdev <jfmdev@outlook.com>"
   ],

demo/index.html

@@ -254,7 +254,7 @@ <h3>Disable all</h3>
                 <p>Choose a date: <ng-combo-date-picker ng-model="disableBoxes1" ng-disabled="disableFlag"></ng-combo-date-picker></p>
                 <p><input type="checkbox" ng-model="disableFlag"/> Disable combo boxes</p>
             </div>
-            
+
             <h3>Disable one by one</h3>
 
             <div ng-init="disableFlags = [false, false, false]">
@@ -263,7 +263,28 @@ <h3>Disable one by one</h3>
                 <p><input type="checkbox" ng-model="disableFlags[1]"/> Disable month</p>
                 <p><input type="checkbox" ng-model="disableFlags[2]"/> Disable year</p>
             </div>
-
+
+            <h2>Change event</h2>
+
+            <script type="text/javascript">
+                app.controller('ngChangeCtrl', function ($scope) {
+                    $scope.changeDate = new Date();
+
+                    $scope.lastChange = null;
+                    $scope.dateChanged = function() {
+                        $scope.lastChange = new Date();
+                    };
+                });
+            </script>
+            <div ng-controller="ngChangeCtrl">
+                <p>Choose a date: <ng-combo-date-picker ng-model="changeDate" ng-change="dateChanged"></ng-combo-date-picker></p>
+                <p>
+                    The date was 
+                    <span ng-if="!lastChange">never changed</span>
+                    <span ng-if="lastChange"> last changed on {{ lastChange | date:'medium' }}</span>
+                </p>
+            </div>
+
         </div>
     </body>
 </html>

package.json

@@ -1,6 +1,6 @@
 {
   "name": "ng-combo-date-picker",
-  "version": "1.5.1",
+  "version": "1.6.0",
   "description": "An Angular directive to select dates using combo boxes",
   "main": "source/ngComboDatePicker.js",
   "scripts": {

source/ngComboDatePicker.js

@@ -1,5 +1,5 @@
 /*
- * ngComboDatePicker v1.5.1
+ * ngComboDatePicker v1.6.0
  * http://github.com/jfmdev/ngComboDatePicker
  * «Copyright 2015 Jose F. Maldonado»
  * This Source Code Form is subject to the terms of the Mozilla Public License, v. 2.0. If a copy of the MPL was not distributed with this file, You can obtain one at http://mozilla.org/MPL/2.0/.
@@ -84,7 +84,8 @@ angular.module("ngComboDatePicker", [])
             ngYearOrder: '@',
             ngPlaceholder: '@',
             ngPlaceholderEnabled: '@',
-            ngRequired: '@'
+            ngRequired: '@',
+            ngChange: '='
         },
         require: 'ngModel',
         controller: ['$scope', function($scope) {
@@ -217,6 +218,13 @@ angular.module("ngComboDatePicker", [])
                     $scope.dates.push({value:i, name:i});
                 }
             };
+
+            // Listen on changes on ngModel for trigger ngChange event.
+            $scope.$watch('ngModel', function(newValue, oldValue) {
+                if(newValue !== oldValue && $scope.ngChange) {
+                    $scope.ngChange(newValue, oldValue);
+                }
+            });
         } ],
 
         link: function(scope, element, attrs, ngModelCtrl) {