[datetime2] fix(DateRangeInput3): hover styling bug (#6435)

palantir · Oct 6, 2023 · 329b2b5 · 329b2b5 · adidahiya · Oct 6, 2023
1 parent 69b0c42
commit 329b2b5
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 6 deletions.
diff --git 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
@@ -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 {