From ffbe5b9d31d8c72e181481b81a7a4e99d8ccd9d1 Mon Sep 17 00:00:00 2001
From: Ken <26967723+KenAJoh@users.noreply.github.com>
Date: Wed, 10 Jan 2024 13:36:10 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=9A=91=20=20Monthpicker=20Caption-hotfix?=
 =?UTF-8?q?=20=20(#2601)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* :bug: MonthCaption disabled prev/next-knapper når de skulle være enabled

* :memo: changeset
---
 .changeset/curvy-moose-grin.md                       |  5 +++++
 .../core/react/src/date/monthpicker/MonthCaption.tsx | 12 ++++++------
 2 files changed, 11 insertions(+), 6 deletions(-)
 create mode 100644 .changeset/curvy-moose-grin.md

diff --git a/.changeset/curvy-moose-grin.md b/.changeset/curvy-moose-grin.md
new file mode 100644
index 0000000000..d343cd0ca8
--- /dev/null
+++ b/.changeset/curvy-moose-grin.md
@@ -0,0 +1,5 @@
+---
+"@navikt/ds-react": patch
+---
+
+MonthPicker: MonthCaption satt forrige/neste-knapper til `disabled` når de skulle være `enabled`.
diff --git a/@navikt/core/react/src/date/monthpicker/MonthCaption.tsx b/@navikt/core/react/src/date/monthpicker/MonthCaption.tsx
index 63e4ab99b0..8d9ed6f03c 100644
--- a/@navikt/core/react/src/date/monthpicker/MonthCaption.tsx
+++ b/@navikt/core/react/src/date/monthpicker/MonthCaption.tsx
@@ -43,23 +43,23 @@ export const MonthCaption = () => {
     toYear(setYear(year, newYear));
   };
 
-  const hasPrevYear = () => {
+  const disablePreviousYear = () => {
     return fromDate
       ? isBefore(year?.getFullYear() - 1, fromDate?.getFullYear())
-      : true;
+      : false;
   };
 
-  const hasNextYear = () => {
+  const disableNextYear = () => {
     return toDate
       ? isAfter(year?.getFullYear() + 1, toDate?.getFullYear())
-      : true;
+      : false;
   };
 
   return (
     <div className="navds-date__caption">
       <Button
         className="navds-date__caption-button"
-        disabled={hasPrevYear()}
+        disabled={disablePreviousYear()}
         onClick={() => handleButtonClick(-1)}
         aria-label={labelPrevYear(locale?.code)}
         icon={<ArrowLeftIcon aria-hidden />}
@@ -88,7 +88,7 @@ export const MonthCaption = () => {
       )}
       <Button
         className="navds-date__caption-button"
-        disabled={hasNextYear()}
+        disabled={disableNextYear()}
         onClick={() => handleButtonClick(1)}
         aria-label={labelNextYear(locale?.code)}
         icon={<ArrowRightIcon aria-hidden />}