Fix issue where the date control's next/prev icons weren't appearing. Also fixed an issue where the selected date filter wouldn't be restored when the date filter was reopened.

Author: Tim Shawver

js/src/qgrid.css

@@ -635,7 +635,7 @@
   z-index: 9999 !important;
 }
 
-#ui-datepicker-div .ui-datepicker {
+#ui-datepicker-div.ui-datepicker {
   font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
   /*@include box-shadow(0 5px 10px rgba(0, 0, 0, 0.2))*/
   z-index: 99 !important;
@@ -644,6 +644,26 @@
   border: 1px solid gray;
 }
 
+#ui-datepicker-div.ui-datepicker .ui-icon {
+  display: inline-block;
+  font: normal normal normal 14px/1 FontAwesome;
+  font-size: inherit;
+  text-rendering: auto;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-indent: 0px;
+  margin-left: -4px;
+  margin-top: -6px;
+}
+
+#ui-datepicker-div.ui-datepicker .ui-icon-circle-triangle-w:before {
+    content: "\f053";
+}
+
+#ui-datepicker-div.ui-datepicker .ui-icon-circle-triangle-e:before {
+    content: "\f054";
+}
+
 
 /* from slickgrid editing example */
 input.editor-text {

js/src/qgrid.datefilter.js

@@ -83,14 +83,14 @@ class DateFilter extends filter_base.FilterBase {
         var end_date_string = this.end_date_control.val();
 
         var start_date = new Date(start_date_string);
+        var end_date = new Date(end_date_string);
 
-        // use the last millisecond of the end_date (1000ms * 60s * 60m * 24h)
-        var end_date = new Date(
-            (new Date(end_date_string).getTime()) + (1000 * 60 * 60 * 24) - 1
-        );
+        start_date = Date.UTC(start_date.getUTCFullYear(), start_date.getUTCMonth(), start_date.getUTCDate());
+        end_date = Date.UTC(end_date.getUTCFullYear(), end_date.getUTCMonth(), end_date.getUTCDate());
+        end_date += (1000 * 60 * 60 * 24) - 1;
 
-        this.filter_start_date = start_date.getTime();
-        this.filter_end_date = end_date.getTime();
+        this.filter_start_date = start_date;
+        this.filter_end_date = end_date;
 
         this.send_filter_changed();
 
@@ -112,8 +112,22 @@ class DateFilter extends filter_base.FilterBase {
 
     this.filter_elem.find(".datepicker").datepicker(date_options);
 
-    this.start_date_control.datepicker("setDate", this.min_date);
-    this.end_date_control.datepicker("setDate", this.max_date);
+    if (this.filter_start_date != null){
+      this.start_date_control.datepicker("setDate", this.get_utc_date(this.filter_start_date));
+    } else {
+      this.start_date_control.datepicker("setDate", this.min_date);
+    }
+
+    if (this.filter_end_date != null){
+      this.end_date_control.datepicker("setDate", this.get_utc_date(this.filter_end_date));
+    } else {
+      this.end_date_control.datepicker("setDate", this.max_date);
+    }
+  }
+
+  get_utc_date(date_ms) {
+    var date = new Date(date_ms);
+    return new Date(date.getUTCFullYear(), date.getUTCMonth(), date.getUTCDate());
   }
 
   get_filter_info() {

js/src/qgrid.widget.js

@@ -302,7 +302,9 @@ class QgridView extends widgets.DOMWidgetView {
     $.datepicker.setDefaults({
       gotoCurrent: true,
       dateFormat: $.datepicker.ISO_8601,
-      constrainInput: false
+      constrainInput: false,
+      "prevText": "",
+      "nextText": ""
     });
 
     var sorted_columns = Object.values(columns).sort(