From 8f0ff58bcfd18695f6fe4d1295c2b760bff6d2c0 Mon Sep 17 00:00:00 2001
From: Manavpreet Singh <42695610+Manavpreeet@users.noreply.github.com>
Date: Wed, 17 Jan 2024 00:12:08 +0530
Subject: [PATCH] fix: datepicker border color fix (#13262)

Co-authored-by: Manavpreet Singh <119919977+manavpreetsingh@users.noreply.github.com>
---
 packages/ui/components/form/date-range-picker/styles.css | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/ui/components/form/date-range-picker/styles.css b/packages/ui/components/form/date-range-picker/styles.css
index 911a9dffaa..bd8c9725d8 100644
--- a/packages/ui/components/form/date-range-picker/styles.css
+++ b/packages/ui/components/form/date-range-picker/styles.css
@@ -108,7 +108,7 @@
   font-size: 0.875rem;
   line-height: 1.25rem;
   border-radius: 0.375rem;
-  border-color: #e5e7eb;
+  border-color: var(--cal-border);
   width: 360px;
   display: flex;
   flex-direction: row;
@@ -152,7 +152,7 @@
   padding: 0.5rem;
   border-radius: 0.375rem;
   border-width: 1px;
-  border-color: #e5e7eb;
+  border-color: var(--cal-border);
   width: 360px;
   margin-top: 4px;
 }
@@ -248,7 +248,7 @@ button.react-calendar__tile.react-calendar__month-view__days__day:hover,
 }
 
 .react-daterange-picker > .react-daterange-picker__wrapper:hover {
-  border-color: var(--cal-bg-subtle);
+  border-color: var(--cal-bg-inverted);
 }
 
 .react-daterange-picker.react-daterange-picker--disabled > .react-daterange-picker__wrapper:hover {