From 1a6612da732ff3012f861ff7ae4e16eb06f79723 Mon Sep 17 00:00:00 2001
From: Christian Hein <scheiehein@gmail.com>
Date: Fri, 1 Nov 2024 08:56:28 +0100
Subject: [PATCH] Fikser tilgjengelighetsproblemer

---
 packages/react/src/datepicker/DateRangePicker.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/react/src/datepicker/DateRangePicker.tsx b/packages/react/src/datepicker/DateRangePicker.tsx
index f96d05ee7..77b5fdcd2 100644
--- a/packages/react/src/datepicker/DateRangePicker.tsx
+++ b/packages/react/src/datepicker/DateRangePicker.tsx
@@ -8,10 +8,10 @@ export type DateRangePickerProps = DayPickerProps & {
   onSelect?: (range: DateRange | undefined) => void;
   mode?: "range";
   colorScheme?: "green" | "blue";
-  ariaLabel?: string;
+  showDropdownMonthYear?: boolean;
 };
 
-export const DateRangePicker = ({ showOutsideDays = true, ...props }: DateRangePickerProps) => {
+export const DateRangePicker = ({ ...props }: DateRangePickerProps) => {
   const uniqueClassName = generateUniqueClassName("kvib-datepicker");
   const theme = useTheme();
   const style = css(
@@ -19,16 +19,16 @@ export const DateRangePicker = ({ showOutsideDays = true, ...props }: DateRangeP
     theme.colors[props.colorScheme ?? theme.components.Datepicker.defaultProps.colorScheme],
   );
   return (
-    <div {...(props.ariaLabel ? { "aria-label": props.ariaLabel } : {})}>
+    <>
       <style>{style}</style>
       <DayPicker
-        showOutsideDays={showOutsideDays}
         classNames={{ root: uniqueClassName }}
         locale={nb}
+        captionLayout={props.showDropdownMonthYear ? "dropdown" : "label"}
         {...props}
         mode="range"
       />
-    </div>
+    </>
   );
 };