diff --git a/website/index.html b/website/index.html
index 0b601e21..484bc9db 100644
--- a/website/index.html
+++ b/website/index.html
@@ -313,6 +313,28 @@ <h4>Demo:</h4>
                                 </div>
                             </div>
 
+			    <script type="text/javascript">
+                            $(function() {
+
+                                function cb(start, end) {
+                                    $('#reportrange span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'));
+                                }
+                                cb(moment().subtract(29, 'days'), moment());
+
+                                $('#reportrange').daterangepicker({
+                                    ranges: {
+                                       'Today': [moment(), moment()],
+                                       'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
+                                       'Last 7 Days': [moment().subtract(6, 'days'), moment()],
+                                       'Last 30 Days': [moment().subtract(29, 'days'), moment()],
+                                       'This Month': [moment().startOf('month'), moment().endOf('month')],
+                                       'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
+                                    }
+                                }, cb);
+
+                            });
+                            </script>
+
                         </div>
 
                         <div id="ex5" name="ex5">