From 329b2b5b8efe360ffcf32aaac76ea54192233879 Mon Sep 17 00:00:00 2001
From: Adi Dahiya <adahiya@palantir.com>
Date: Fri, 6 Oct 2023 10:56:22 -0400
Subject: [PATCH] [datetime2] fix(DateRangeInput3): hover styling bug (#6435)

---
 .../src/components/date-input3/dateInput3Props.ts          | 2 +-
 .../components/date-range-picker3/_date-range-picker3.scss | 7 ++-----
 2 files changed, 3 insertions(+), 6 deletions(-)

diff --git a/packages/datetime2/src/components/date-input3/dateInput3Props.ts b/packages/datetime2/src/components/date-input3/dateInput3Props.ts
index f94ed37bdcc..da39753001b 100644
--- a/packages/datetime2/src/components/date-input3/dateInput3Props.ts
+++ b/packages/datetime2/src/components/date-input3/dateInput3Props.ts
@@ -34,7 +34,7 @@ export interface DateInput3Props
         Pick<DatePicker3Props, "dayPickerProps" | "locale">,
         Partial<Omit<DateFormatProps, "locale">> {
     /**
-     * [date-fns] format string used to format & parse date strings.
+     * [date-fns format](https://date-fns.org/docs/format) string used to format & parse date strings.
      *
      * Mutually exclusive with the `formatDate` and `parseDate` props.
      *
diff --git a/packages/datetime2/src/components/date-range-picker3/_date-range-picker3.scss b/packages/datetime2/src/components/date-range-picker3/_date-range-picker3.scss
index 5959123b88c..161de657a03 100644
--- a/packages/datetime2/src/components/date-range-picker3/_date-range-picker3.scss
+++ b/packages/datetime2/src/components/date-range-picker3/_date-range-picker3.scss
@@ -67,17 +67,14 @@
       visibility: hidden;
     }
 
-    &_hovered {
+    &_hovered:not(.rdp-day_selected) {
       border-radius: 0;
       color: $blue2;
 
       // need to disable hover styles for all variants of selected dates
-
-      /* stylelint-disable max-line-length */
-      &:not(.rdp-day_selected):not(.rdp-day_range_start):not(.rdp-day_range_middle):not(.rdp-day_range_end) {
+      &:not(.rdp-day_range_start):not(.rdp-day_range_middle):not(.rdp-day_range_end) {
         background-color: $daterangepicker-range-background-color;
       }
-      /* stylelint-enable max-line-length */
     }
 
     &_range_middle {