Added disable property

Closes #14.

README.md

@@ -73,6 +73,7 @@ max-view | `"hour"` | Maximum navigable view.
 start-view | `"year"` | Initial view when the picker is open.
 min-date | | Two-way bindable property representing the minimum selectable date in the same format of the value.
 max-date | | Two-way bindable property representing the maximum selectable date in the same format of the value.
+disable | | Disables the picker if truly.
 
 ## Events
 

bower.json

@@ -1,6 +1,6 @@
 {
   "name": "angular-moment-picker",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "authors": [
     "Indri Muska <[email protected]>"
   ],

dist/angular-moment-picker.js

@@ -42,6 +42,7 @@
 				startView: '@?',
 				minDate:   '=?',
 				maxDate:   '=?',
+				disabled:  '=?disable',
 				change:    '&?'
 			};
 			$timeout     = timeout;
@@ -53,7 +54,7 @@
 		MomentPickerDirective.prototype.$inject = ['$timeout', '$sce', '$compile', '$document', 'momentPicker'];
 		MomentPickerDirective.prototype.link = function ($scope, $element, $attrs) {
 			$scope.template = (
-				'<div class="moment-picker-container {{view.selected}}-view" ng-show="view.isOpen">' +
+				'<div class="moment-picker-container {{view.selected}}-view" ng-show="view.isOpen && !disabled" ng-class="{\'moment-picker-disabled\': disabled}">' +
 					'<table class="header-view">' +
 						'<thead>' +
 							'<tr>' +
@@ -118,7 +119,7 @@
 
 			// utilities
 			$scope.momentToDate = function (value) { return angular.isDefined(value) && value.isValid() ? value.clone().toDate() : undefined; }
-			$scope.valueUpdate = function () { $scope.value = $scope.momentToDate($scope.valueMoment); }
+			$scope.valueUpdate = function () { if (!$scope.disabled) $scope.value = $scope.momentToDate($scope.valueMoment); }
 			$scope.limits = {
 				isAfterOrEqualMin: function (value, precision) {
 					return !angular.isDefined($scope.minDateMoment) || value.isAfter($scope.minDateMoment, precision) || value.isSame($scope.minDateMoment, precision);

package.json

@@ -1,6 +1,6 @@
 {
   "name": "angular-moment-picker",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "description": "Angular Moment Picker is an AngularJS directive for date and time picker using Moment.js",
   "main": "Gruntfile.js",
   "repository": {

src/angular-moment-picker.js

@@ -42,6 +42,7 @@
 				startView: '@?',
 				minDate:   '=?',
 				maxDate:   '=?',
+				disabled:  '=?disable',
 				change:    '&?'
 			};
 			$timeout     = timeout;
@@ -53,7 +54,7 @@
 		MomentPickerDirective.prototype.$inject = ['$timeout', '$sce', '$compile', '$document', 'momentPicker'];
 		MomentPickerDirective.prototype.link = function ($scope, $element, $attrs) {
 			$scope.template = (
-				'<div class="moment-picker-container {{view.selected}}-view" ng-show="view.isOpen">' +
+				'<div class="moment-picker-container {{view.selected}}-view" ng-show="view.isOpen && !disabled" ng-class="{\'moment-picker-disabled\': disabled}">' +
 					'<table class="header-view">' +
 						'<thead>' +
 							'<tr>' +
@@ -118,7 +119,7 @@
 
 			// utilities
 			$scope.momentToDate = function (value) { return angular.isDefined(value) && value.isValid() ? value.clone().toDate() : undefined; }
-			$scope.valueUpdate = function () { $scope.value = $scope.momentToDate($scope.valueMoment); }
+			$scope.valueUpdate = function () { if (!$scope.disabled) $scope.value = $scope.momentToDate($scope.valueMoment); }
 			$scope.limits = {
 				isAfterOrEqualMin: function (value, precision) {
 					return !angular.isDefined($scope.minDateMoment) || value.isAfter($scope.minDateMoment, precision) || value.isSame($scope.minDateMoment, precision);