@entur/datepicker 11.7.0 → 11.8.0

package/dist/DatePicker/Calendar.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 import { AriaCalendarProps } from '@react-aria/calendar';
-import { CalendarDate, DateValue } from '@internationalized/date';
+import { CalendarDate, DateDuration, DateValue } from '@internationalized/date';
 import { MappedDateValue } from '@react-types/datepicker';
 import { DateFieldProps } from './DateField';
 type ExtendedCalendarProps<DateType extends DateValue> = Omit<AriaCalendarProps<DateType>, keyof BaseCalendarProps<DateType> | 'value' | 'label' | 'hideTimeZone' | 'placeholder' | 'placeholderValue' | 'defaultValue' | 'minValue' | 'maxValue'>;
@@ -59,6 +59,11 @@ type BaseCalendarProps<DateType extends DateValue> = {
     locale?: string;
     calendarRef?: React.MutableRefObject<HTMLDivElement | null>;
     forcedReturnType?: DateFieldProps<DateType>['forcedReturnType'];
+    /** Vis flere måneder samtidig i kalenderen.
+     * @default {months: 1}
+     * @example {months: 2}
+     */
+    visibleDuration?: Pick<DateDuration, 'months'>;
 };
 export type CalendarProps<DateType extends DateValue> = BaseCalendarProps<DateType> & ExtendedCalendarProps<DateType>;
 export declare const Calendar: <DateType extends DateValue>({ locale: localOverride, ...rest }: CalendarProps<DateType>) => React.JSX.Element;

package/dist/DatePicker/CalendarBase.d.ts

@@ -0,0 +1,20 @@
+import { default as React } from 'react';
+import { CalendarState, RangeCalendarState } from '@react-stately/calendar';
+import { CalendarDate } from '@internationalized/date';
+import { AriaButtonProps } from '@react-types/button';
+type CalendarBaseProps = {
+    state: CalendarState | RangeCalendarState;
+    calendarProps: React.HTMLAttributes<HTMLElement>;
+    prevButtonProps: AriaButtonProps;
+    nextButtonProps: AriaButtonProps;
+    title: string;
+    calendarRef?: React.Ref<HTMLDivElement>;
+    style?: React.CSSProperties;
+    className?: string;
+    navigationDescription?: string;
+    showWeekNumbers: boolean;
+    weekNumberHeader: string;
+    renderCell: (date: CalendarDate, currentMonth: CalendarDate, weekNumberString: string, ariaDescribedBy: string) => React.ReactNode;
+};
+export declare const CalendarBase: ({ state, calendarProps, prevButtonProps, nextButtonProps, title, calendarRef, style, className, navigationDescription, showWeekNumbers, weekNumberHeader, renderCell, }: CalendarBaseProps) => React.JSX.Element;
+export {};

package/dist/DatePicker/CalendarCell.d.ts

@@ -4,6 +4,7 @@ import { CalendarDate } from '@internationalized/date';
 type CalendarCellProps = {
     state: CalendarState;
     date: CalendarDate;
+    currentMonth: CalendarDate;
     weekNumberString: string;
     showOutsideMonth?: boolean;
     onSelectedCellClick?: () => void;
@@ -11,5 +12,5 @@ type CalendarCellProps = {
     classNameForDate?: (date: CalendarDate) => string;
     ariaLabelForDate?: (date: CalendarDate) => string;
 };
-export declare const CalendarCell: ({ state, date, showOutsideMonth, onSelectedCellClick, onCellClick, weekNumberString, classNameForDate, ariaLabelForDate, ...rest }: CalendarCellProps) => React.JSX.Element;
+export declare const CalendarCell: ({ state, date, currentMonth, showOutsideMonth, onSelectedCellClick, onCellClick, weekNumberString, classNameForDate, ariaLabelForDate, ...rest }: CalendarCellProps) => React.JSX.Element;
 export {};

package/dist/DatePicker/CalendarGrid.d.ts

@@ -1,16 +1,13 @@
 import { default as React } from 'react';
-import { CalendarState } from '@react-stately/calendar';
+import { CalendarState, RangeCalendarState } from '@react-stately/calendar';
 import { CalendarDate } from '@internationalized/date';
 type CalendarGridProps = {
-    state: CalendarState;
+    state: CalendarState | RangeCalendarState;
+    startDate?: CalendarDate;
     navigationDescription?: string;
     showWeekNumbers: boolean;
     weekNumberHeader: string;
-    showOutsideMonth?: boolean;
-    onSelectedCellClick?: () => void;
-    onCellClick?: () => void;
-    classNameForDate?: (date: CalendarDate) => string;
-    ariaLabelForDate?: (date: CalendarDate) => string;
+    renderCell: (date: CalendarDate, currentMonth: CalendarDate, weekNumberString: string, ariaDescribedBy: string) => React.ReactNode;
 };
-export declare const CalendarGrid: ({ state, navigationDescription, onSelectedCellClick, onCellClick, showWeekNumbers, weekNumberHeader, showOutsideMonth, classNameForDate, ariaLabelForDate, ...rest }: CalendarGridProps) => React.JSX.Element;
+export declare const CalendarGrid: ({ state, startDate, navigationDescription, showWeekNumbers, weekNumberHeader, renderCell, }: CalendarGridProps) => React.JSX.Element;
 export {};