[@mantine/dates] Calendar: Fix incorrect focus logic when first item …

…is disabled (#5078)
mantinedev · Oct 20, 2023 · 05e26d7 · 05e26d7
1 parent 77635df
commit 05e26d7
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/mantine-dates/src/components/CalendarHeader/CalendarHeader.tsx b/src/mantine-dates/src/components/CalendarHeader/CalendarHeader.tsx
@@ -167,7 +167,7 @@ export const CalendarHeader = factory<CalendarHeaderFactory>((_props, ref) => {
           onMouseDown={preventFocus}
           disabled={previousDisabled}
           data-disabled={previousDisabled || undefined}
-          tabIndex={__preventFocus ? -1 : 0}
+          tabIndex={__preventFocus || previousDisabled ? -1 : 0}
           data-mantine-stop-propagation={__stopPropagation || undefined}
         >
           {previousIcon || (
@@ -205,7 +205,7 @@ export const CalendarHeader = factory<CalendarHeaderFactory>((_props, ref) => {
           onMouseDown={preventFocus}
           disabled={nextDisabled}
           data-disabled={nextDisabled || undefined}
-          tabIndex={__preventFocus ? -1 : 0}
+          tabIndex={__preventFocus || nextDisabled ? -1 : 0}
           data-mantine-stop-propagation={__stopPropagation || undefined}
         >
           {nextIcon || (