From 1ed5eb723ee4406fab98ecf47cf32c26d4b8e5c9 Mon Sep 17 00:00:00 2001
From: Ken <ken.aleksander@gmail.com>
Date: Tue, 21 Jan 2025 06:37:52 +0100
Subject: [PATCH] :lipstick: Use tertiary-buttons for datepicker caption

---
 @navikt/core/react/src/date/datepicker/parts/Caption.tsx      | 4 ++--
 .../core/react/src/date/datepicker/parts/DropdownCaption.tsx  | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/@navikt/core/react/src/date/datepicker/parts/Caption.tsx b/@navikt/core/react/src/date/datepicker/parts/Caption.tsx
index a28492438a..ea8a124f50 100644
--- a/@navikt/core/react/src/date/datepicker/parts/Caption.tsx
+++ b/@navikt/core/react/src/date/datepicker/parts/Caption.tsx
@@ -21,7 +21,7 @@ export const DatePickerCaption = ({ displayMonth, id }: CaptionProps) => {
     <>
       <div className="navds-date__caption">
         <Button
-          variant="tertiary"
+          variant="tertiary-neutral"
           disabled={!previousMonth}
           onClick={() => previousMonth && goToMonth(previousMonth)}
           icon={<ArrowLeftIcon title={translate("goToPreviousMonth")} />}
@@ -41,7 +41,7 @@ export const DatePickerCaption = ({ displayMonth, id }: CaptionProps) => {
           icon={<ArrowRightIcon title={translate("goToNextMonth")} />}
           onClick={() => nextMonth && goToMonth(nextMonth)}
           disabled={!nextMonth}
-          variant="tertiary"
+          variant="tertiary-neutral"
           className="navds-date__caption-button"
           type="button"
         />
diff --git a/@navikt/core/react/src/date/datepicker/parts/DropdownCaption.tsx b/@navikt/core/react/src/date/datepicker/parts/DropdownCaption.tsx
index daaa1861ee..ad4b8d4a39 100644
--- a/@navikt/core/react/src/date/datepicker/parts/DropdownCaption.tsx
+++ b/@navikt/core/react/src/date/datepicker/parts/DropdownCaption.tsx
@@ -56,7 +56,7 @@ export const DropdownCaption = ({ displayMonth, id }: CaptionProps) => {
           {formatCaption(displayMonth, { locale })}
         </span>
         <Button
-          variant="tertiary"
+          variant="tertiary-neutral"
           disabled={!previousMonth}
           onClick={() => previousMonth && goToMonth(previousMonth)}
           icon={<ArrowLeftIcon title={translate("goToPreviousMonth")} />}
@@ -94,10 +94,10 @@ export const DropdownCaption = ({ displayMonth, id }: CaptionProps) => {
         </div>
 
         <Button
+          variant="tertiary-neutral"
           icon={<ArrowRightIcon title={translate("goToNextMonth")} />}
           onClick={() => nextMonth && goToMonth(nextMonth)}
           disabled={!nextMonth}
-          variant="tertiary"
           className="navds-date__caption-button"
           type="button"
         />