diff --git a/public/css/app.css b/public/css/app.css
index a79a41490..5c3ba6e39 100644
--- a/public/css/app.css
+++ b/public/css/app.css
@@ -47189,11 +47189,16 @@ html[dir='rtl'] .el-picker-panel__sidebar {
     right: unset !important;
 }
 
-.flatpickr-day.selected {
-    background-color: #55588B !important;
+.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
+    background: #55588B !important;
     border-color: #55588B !important;
 }
 
+.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
+    -webkit-box-shadow: -10px 0 0 #888aae !important;
+    box-shadow: -10px 0 0 #888aae !important;
+}
+
 .el-date-editor .el-range-input::-webkit-input-placeholder {
     color: #424242;
 }
diff --git a/resources/assets/sass/app.css b/resources/assets/sass/app.css
index 77951fcd9..10c6e1ca7 100644
--- a/resources/assets/sass/app.css
+++ b/resources/assets/sass/app.css
@@ -426,11 +426,16 @@ html[dir='rtl'] .el-picker-panel__sidebar {
     right: unset !important;
 }
 
-.flatpickr-day.selected {
-    background-color: #55588B !important;
+.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
+    background: #55588B !important;
     border-color: #55588B !important;
 }
 
+.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
+    -webkit-box-shadow: -10px 0 0 #888aae !important;
+    box-shadow: -10px 0 0 #888aae !important;
+}
+
 .el-date-editor .el-range-input, .el-date-editor .el-range-input::placeholder {
     color: #424242;
 }