Index: bootstrap/css/bootstrap-theme.css
===================================================================
diff -u -ree06f7526c47dc185952549b946b6522e49ef4f8 -r3a81bc58cd9f261a38b88f85336a49223dffa5b2
--- bootstrap/css/bootstrap-theme.css	(.../bootstrap-theme.css)	(revision ee06f7526c47dc185952549b946b6522e49ef4f8)
+++ bootstrap/css/bootstrap-theme.css	(.../bootstrap-theme.css)	(revision 3a81bc58cd9f261a38b88f85336a49223dffa5b2)
@@ -491,47 +491,58 @@
 
     <script>
         $(function() {
-            topbeat("9eb75e7e6e3e");
-
             //Date range picker
-            $('#reservation').daterangepicker()
+            //$('#reservation').daterangepicker()
             //Date range picker with time picker
             $('#reservationtime').daterangepicker({ timePicker: true, timePickerIncrement: 30, locale: { format: 'YYYY-MM-DD H:mm:ss', separator: " ~ " }},
                     function(start, end) {
-                        console.log(start.format('H'));
-                        var startHours = parseInt(start.format('H'));
-                        var startHoursStr;
-                        if(startHours < 10){
-                            startHoursStr = "0" + startHours;
-                        }else{
-                            startHoursStr = startHours;
-                        }
-                        console.log(start.format('YYYY-MM-DD') + "T" + startHoursStr + start.format(':mm:ss') + ".000Z");
-
-                        console.log(end.format('H'));
-                        var endHours = parseInt(end.format('H'));
-                        var endHoursStr;
-                        if(endHours < 10){
-                            endHoursStr = "0" + endHours;
-                        }else{
-                            endHoursStr = endHours;
-                        }
-                        console.log(end.format('YYYY-MM-DD') + "T" + endHoursStr + end.format(':mm:ss') + ".000Z");
-
-                        console.log("Callback has been called!" + start.format('YYYY-MM-DD H:mm:ss') + end.format('YYYY-MM-DD H:mm:ss'));
-                        startDate = start;
-                        endDate = end;
-
+                        topbeat(null);
                     }
             )
 
         });
 
+
+        var savedNodeHost;
         function topbeat(selectedNodeHost){
 
+            console.log("before savedNodeHost ==> " + savedNodeHost);
+            if(typeof selectedNodeHost == "undefined" || selectedNodeHost == null || selectedNodeHost == "")
+                console.log("savedNodeHost = " + savedNodeHost);
+            else
+                savedNodeHost = selectedNodeHost;
+
+            var start = $("#reservationtime").data().daterangepicker.startDate;
+            console.log(start.format('H'));
+            var startHours = parseInt(start.format('H'));
+            var startHoursStr;
+            if(startHours < 10){
+                startHoursStr = "0" + startHours;
+            }else{
+                startHoursStr = startHours;
+            }
+            var searchStartStr = start.format('YYYY-MM-DD') + "T" + startHoursStr + start.format(':mm:ss') + ".000Z";
+            console.log("searchStartStr = " + searchStartStr);
+
+            var end = $("#reservationtime").data().daterangepicker.endDate;
+            console.log(end.format('H'));
+            var endHours = parseInt(end.format('H'));
+            var endHoursStr;
+            if(endHours < 10){
+                endHoursStr = "0" + endHours;
+            }else{
+                endHoursStr = endHours;
+            }
+            var searchEndStr = end.format('YYYY-MM-DD') + "T" + endHoursStr + end.format(':mm:ss') + ".000Z";
+            console.log("searchEndStr = " + searchEndStr);
+
+            console.log("after savedNodeHost ==> " + savedNodeHost);
+
             $.getJSON("topbeatReqTemplate.json", function (reqdata) {
-                console.log(reqdata.query.bool.filter[0].bool.should[0].match["beat.hostname"]);
-                reqdata.query.bool.filter[0].bool.should[0].match["beat.hostname"] = selectedNodeHost;
+                console.log(reqdata.query.bool.filter[1].range["@timestamp"].gte);
+                reqdata.query.bool.filter[1].range["@timestamp"].gte = searchStartStr;
+                reqdata.query.bool.filter[1].range["@timestamp"].lte = searchEndStr;
+                reqdata.query.bool.filter[0].bool.should[0].match["beat.hostname"] = savedNodeHost;
 
                 var queryString = JSON.stringify(reqdata);
                 console.log(queryString);