diff --git a/BudgetMasterServer/src/main/resources/static/js/charts.js b/BudgetMasterServer/src/main/resources/static/js/charts.js
index ab5586477d31aecec5e8f493f2844d7d2c65ceeb..4a441e7963f4322af068cfae94a4464857a44994 100644
--- a/BudgetMasterServer/src/main/resources/static/js/charts.js
+++ b/BudgetMasterServer/src/main/resources/static/js/charts.js
@@ -26,6 +26,7 @@ $(document).ready(function()
             showClearBtn: false,
             setDefaultDate: true,
             defaultDate: startDate,
+            autoClose: true,
 
             i18n: {
                 // Strings and translations
@@ -154,6 +155,7 @@ function createDatePickerEnd(minDate, selectedDate)
         setDefaultDate: true,
         minDate: minDate,
         defaultDate: selectedDate,
+        autoClose: true,
 
         i18n: {
             // Strings and translations
diff --git a/BudgetMasterServer/src/main/resources/static/js/transactions.js b/BudgetMasterServer/src/main/resources/static/js/transactions.js
index 78480e064d84f5cc45c9156b4b6cf42aed0e0084..e8ffaac88eec513f67163c98864a505257de4426 100644
--- a/BudgetMasterServer/src/main/resources/static/js/transactions.js
+++ b/BudgetMasterServer/src/main/resources/static/js/transactions.js
@@ -50,6 +50,7 @@ $(document).ready(function()
             showClearBtn: false,
             setDefaultDate: true,
             defaultDate: startDate,
+            autoClose: true,
 
             i18n: {
                 // Strings and translations
@@ -103,6 +104,7 @@ $(document).ready(function()
             setDefaultDate: true,
             minDate: minDate,
             defaultDate: selectedDate,
+            autoClose: true,
 
             i18n: {
                 // Strings and translations