add component for a custom date picker that also knows relative date ranges like 'last month'

pdb-js/src/index.html

@@ -47,6 +47,22 @@
         });
     }
 
+    function initSimpleDatePicker() {
+      $('input[name="dates"]').daterangepicker({
+          timePicker: true,
+          minDate: "2017-01-01",
+          maxDate: "2029-12-31",
+          maxYear: parseInt(moment().format('YYYY'),10),
+          timePicker24Hour: true,
+          timePickerSeconds: true,
+          showDropdowns: true, // drop downs for selecting year and month
+          locale: {
+            format: 'YYYY-MM-DD HH:mm:ss',
+            "firstDay": 1 // monday is the first day of the week
+          },
+        });
+    }
+
     $( document ).ready(function() {
         initInvaders('results');
         document.addEventListener("invadersPause", function(event) {