Previous & next date styles should be consistent

Passes the same style function as current. Styles are identical except color. Allows strike-through to be correctly applied
onesine · May 23, 2023 · cab259d · cab259d
1 parent 23c955f
commit cab259d
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/src/components/Calendar/Days.tsx b/src/components/Calendar/Days.tsx
@@ -209,7 +209,8 @@ const Days: React.FC<Props> = ({
             return cn(
                 baseClass,
                 !activeDateData(day).active ? hoverClassByDay(day) : activeDateData(day).className,
-                isDateDisabled(day, type) && "line-through"
+                isDateDisabled(day, type) && "line-through",
+                (type == "previous" || type == "next") && "text-gray-400"
             );
         },
         [activeDateData, hoverClassByDay, isDateDisabled]
@@ -345,7 +346,7 @@ const Days: React.FC<Props> = ({
                     type="button"
                     key={index}
                     disabled={isDateDisabled(item, "previous")}
-                    className="flex items-center justify-center text-gray-400 h-12 w-12 lg:w-10 lg:h-10"
+                    className={`${buttonClass(item, "previous")}`}
                     onClick={() => handleClickDay(item, "previous")}
                     onMouseOver={() => {
                         hoverDay(item, "previous");
@@ -375,7 +376,7 @@ const Days: React.FC<Props> = ({
                     type="button"
                     key={index}
                     disabled={isDateDisabled(item, "next")}
-                    className="flex items-center justify-center text-gray-400 h-12 w-12 lg:w-10 lg:h-10"
+                    className={`${buttonClass(item, "next")}`}
                     onClick={() => handleClickDay(item, "next")}
                     onMouseOver={() => {
                         hoverDay(item, "next");