Check if datetime is within optional range of minDate and maxDate.

Author: g1eb

src/date-input.js

@@ -4,7 +4,7 @@
  * Date directive (date input element)
  */
 angular.module('g1b.datetime-inputs').
-directive('dateInput', ['$document', function ($document) {
+directive('dateInput', ['$document', '$timeout', function ($document, $timeout) {
   return {
     restrict: 'E',
     scope: {
@@ -46,19 +46,24 @@ directive('dateInput', ['$document', function ($document) {
             if ( scope.selected.isSame(datetime) && !!scope.date ) { return; }
             if ( !datetime ) {
               scope.selected = scope.date = undefined;
-            } else {
+            } else if ( ( !scope.minDate || datetime > scope.minDate ) && ( !scope.maxDate || datetime < scope.maxDate ) ) {
               scope.selected.year(datetime.year()).month(datetime.month()).date(datetime.date()).hours(datetime.hours()).minutes(datetime.minutes()).seconds(datetime.seconds());
               if ( scope.selected.clone().startOf('week').month() !== scope.calendar.month() || calendar_update ) {
                 scope.calendar = scope.selected.clone();
               }
+              if ( !scope.date ) {
+                scope.date = scope.selected;
+              }
+              scope.$$postDigest(function () {
+                scope.onChange();
+              });
+              scope.close();
+            } else {
+              scope.warning = true;
+              $timeout(function () {
+                scope.warning = false;
+              }, 250);
             }
-            if ( !scope.date ) {
-              scope.date = scope.selected;
-            }
-            scope.$$postDigest(function () {
-              scope.onChange();
-            });
-            scope.close();
           };
 
           // Close edit popover

src/datetime-input.js

@@ -4,7 +4,7 @@
  * Datetime directive (date and time input element)
  */
 angular.module('g1b.datetime-inputs', []).
-directive('datetimeInput', ['$document', function ($document) {
+directive('datetimeInput', ['$document', '$timeout', function ($document, $timeout) {
   return {
     restrict: 'E',
     scope: {
@@ -46,18 +46,23 @@ directive('datetimeInput', ['$document', function ($document) {
             if ( scope.selected.isSame(datetime) && !!scope.datetime ) { return; }
             if ( !datetime ) {
               scope.selected = scope.datetime = undefined;
-            } else {
+            } else if ( ( !scope.minDate || datetime > scope.minDate ) && ( !scope.maxDate || datetime < scope.maxDate ) ) {
               scope.selected.year(datetime.year()).month(datetime.month()).date(datetime.date()).hours(datetime.hours()).minutes(datetime.minutes()).seconds(datetime.seconds());
               if ( (scope.selected.clone().startOf('week').month() !== scope.calendar.month() && scope.selected.clone().endOf('week').month() !== scope.calendar.month()) || calendar_update ) {
                 scope.calendar = scope.selected.clone();
               }
+              if ( !scope.datetime ) {
+                scope.datetime = scope.selected;
+              }
+              scope.$$postDigest(function () {
+                scope.onChange();
+              });
+            } else {
+              scope.warning = true;
+              $timeout(function () {
+                scope.warning = false;
+              }, 250);
             }
-            if ( !scope.datetime ) {
-              scope.datetime = scope.selected;
-            }
-            scope.$$postDigest(function () {
-              scope.onChange();
-            });
           };
 
           // Close edit popover

src/time-input.js

@@ -4,7 +4,7 @@
  * Time directive (time input element)
  */
 angular.module('g1b.datetime-inputs').
-directive('timeInput', ['$document', function ($document) {
+directive('timeInput', ['$document', '$timeout', function ($document, $timeout) {
   return {
     restrict: 'E',
     scope: {
@@ -42,15 +42,20 @@ directive('timeInput', ['$document', function ($document) {
             if ( scope.selected.isSame(datetime) && !!scope.time ) { return; }
             if ( !datetime ) {
               scope.selected = scope.time = undefined;
-            } else {
+            } else if ( ( !scope.minDate || datetime > scope.minDate ) && ( !scope.maxDate || datetime < scope.maxDate ) ) {
               scope.selected.year(datetime.year()).month(datetime.month()).date(datetime.date()).hours(datetime.hours()).minutes(datetime.minutes()).seconds(datetime.seconds());
+              if ( !scope.time ) {
+                scope.time = scope.selected;
+              }
+              scope.$$postDigest(function () {
+                scope.onChange();
+              });
+            } else {
+              scope.warning = true;
+              $timeout(function () {
+                scope.warning = false;
+              }, 250);
             }
-            if ( !scope.time ) {
-              scope.time = scope.selected;
-            }
-            scope.$$postDigest(function () {
-              scope.onChange();
-            });
           };
 
           // Close edit popover