From 804339f54ff83bafeb772ffca6367c3750c0e06c Mon Sep 17 00:00:00 2001
From: digital-gnome <31593470+digital-gnome@users.noreply.github.com>
Date: Sun, 17 Dec 2017 16:44:57 -0500
Subject: [PATCH] Limit date range and only reload page after change is done

---
 web/skins/classic/views/js/montagereview.js | 23 +++++++++++++++++++--
 web/skins/classic/views/montagereview.php   |  4 ++--
 2 files changed, 23 insertions(+), 4 deletions(-)

diff --git a/web/skins/classic/views/js/montagereview.js b/web/skins/classic/views/js/montagereview.js
index ef3f900a8..b1bb46e36 100644
--- a/web/skins/classic/views/js/montagereview.js
+++ b/web/skins/classic/views/js/montagereview.js
@@ -765,8 +765,27 @@ function initPage() {
   //setFit(fitMode);  // will redraw 
   //setLive(liveMode);  // will redraw
   redrawScreen();
-  $j('#minTime').datetimepicker({timeFormat: "HH:mm:ss", dateFormat: "yy-mm-dd"});
-  $j('#maxTime').datetimepicker({timeFormat: "HH:mm:ss", dateFormat: "yy-mm-dd"});
+  $j('#minTime').datetimepicker({
+      timeFormat: "HH:mm:ss",
+      dateFormat: "yy-mm-dd",
+      maxDate: +0,
+      onClose: function (newDate, oldData) {
+        if (newDate !== oldData.lastVal) {
+          changeDateTime();
+        }
+      }
+  });
+  $j('#maxTime').datetimepicker({
+      timeFormat: "HH:mm:ss",
+      dateFormat: "yy-mm-dd",
+      minDate: $j('#minTime').val(),
+      maxDate: +0,
+      onClose: function (newDate, oldData) {
+        if (newDate !== oldData.lastVal) {
+          changeDateTime();
+        }
+      }
+  });
 }
 window.addEventListener("resize",redrawScreen);
 // Kick everything off
diff --git a/web/skins/classic/views/montagereview.php b/web/skins/classic/views/montagereview.php
index dd44c87bc..c44745bf0 100644
--- a/web/skins/classic/views/montagereview.php
+++ b/web/skins/classic/views/montagereview.php
@@ -218,8 +218,8 @@ xhtmlHeaders(__FILE__, translate('MontageReview') );
     <div id="header">
 <?php echo $filter_bar ?>
       <div id="DateTimeDiv">
-        <input type="text" name="minTime" id="minTime" value="<?php echo preg_replace('/ /', ' ', $minTime ) ?>" onchange="changeDateTime(this);"> to 
-        <input type="text" name="maxTime" id="maxTime" value="<?php echo preg_replace('/ /', ' ', $maxTime ) ?>" onchange="changeDateTime(this);">
+        <input type="text" name="minTime" id="minTime" value="<?php echo preg_replace('/T/', ' ', $minTime ) ?>"> to 
+        <input type="text" name="maxTime" id="maxTime" value="<?php echo preg_replace('/T/', ' ', $maxTime ) ?>">
       </div>
       <div id="ScaleDiv">
         <label for="scaleslider"><?php echo translate('Scale')?></label>