Day hover style has priority over selected style

buildo · May 13, 2024 · 4de9c27 · 4de9c27
1 parent 5cf215c
commit 4de9c27
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/packages/bento-design-system/src/DateField/Day.tsx b/packages/bento-design-system/src/DateField/Day.tsx
@@ -47,7 +47,9 @@ function computeStyle(props: {
       return "focused";
     } else return "default";
   } else {
-    if (props.isStartDate) {
+    if (props.isInHoverRange) {
+      return "inHoverRange";
+    } else if (props.isStartDate) {
       if (props.isEndDate) {
         return "selected";
       }
@@ -56,8 +58,6 @@ function computeStyle(props: {
       return "selectedEnd";
     } else if (props.isInRange) {
       return "selectedRange";
-    } else if (props.isInHoverRange) {
-      return "inHoverRange";
     } else if (props.isFocused) {
       return "focused";
     } else {