diff --git a/public/js/reports.js b/public/js/reports.js
index 8de6096c12..51cbcb1b8f 100644
--- a/public/js/reports.js
+++ b/public/js/reports.js
@@ -1,11 +1,16 @@
-/* globals google, expenseRestShow:true, incomeRestShow:true, year, shared, month, hideTheRest, showTheRest, showTheRestExpense, hideTheRestExpense, columnChart, lineChart, stackedColumnChart */
+/* globals google, picker:true, minDate, expenseRestShow:true, incomeRestShow:true, year, shared, month, hideTheRest, showTheRest, showTheRestExpense, hideTheRestExpense, columnChart, lineChart, stackedColumnChart */
+
 
 $(function () {
     "use strict";
     drawChart();
 
-    $('#inputDateRange').daterangepicker(
+    picker = $('#inputDateRange').daterangepicker(
         {
+            locale: {
+                format: 'YYYY-MM-DD',
+                firstDay: 1,
+            },
             minDate: minDate,
             drops: 'up',
         }
@@ -13,6 +18,8 @@ $(function () {
 
     $('.openModal').on('click', openModal);
 
+    $('.date-select').on('click',preSelectDate);
+
 
     // click open the top X income list:
     $('#showIncomes').click(showIncomes);
@@ -20,6 +27,15 @@ $(function () {
     $('#showExpenses').click(showExpenses);
 });
 
+function preSelectDate(e) {
+    "use strict";
+    var link = $(e.target);
+    var picker = $('#inputDateRange').data('daterangepicker');
+    picker.setStartDate(link.data('start'));
+    picker.setEndDate(link.data('end'));
+    return false;
+
+}
 
 function drawChart() {
     "use strict";