From 24b11d845e8f1b5fb1f95caf8b461f65ceadca57 Mon Sep 17 00:00:00 2001
From: Simon <simon@aam-digital.com>
Date: Fri, 8 Sep 2023 14:21:15 +0200
Subject: [PATCH] fix: range background color in date picker

---
 src/styles/mdc_overwrites/mdc_overwrites.scss | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/styles/mdc_overwrites/mdc_overwrites.scss b/src/styles/mdc_overwrites/mdc_overwrites.scss
index dfdb96682c..5d7b8baa18 100644
--- a/src/styles/mdc_overwrites/mdc_overwrites.scss
+++ b/src/styles/mdc_overwrites/mdc_overwrites.scss
@@ -25,3 +25,8 @@
 .mdc-checkbox .mdc-checkbox__native-control:enabled~.mdc-checkbox__background .mdc-checkbox__checkmark {
   --mdc-checkbox-selected-checkmark-color: #{mat.get-contrast-color-from-palette(theme.$accent, A200)} !important
 }
+
+// Color for selected date range in date picker defaults to white
+.mat-calendar-body-in-range::before {
+  --mat-datepicker-calendar-date-in-range-state-background-color: #{color-mix(in srgb, mat.get-color-from-palette(theme.$primary, 500), transparent 80%)} !important;
+}