@entur/datepicker 11.7.0 → 12.0.0-next.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,7 +59,12 @@ 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;
+export declare const Calendar: <DateType extends DateValue>({ locale: localOverride, ...rest }: CalendarProps<DateType>) => import("react/jsx-runtime").JSX.Element;
 export {};

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) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/DatePicker/CalendarCell.d.ts

@@ -1,9 +1,9 @@
-import { default as React } from 'react';
 import { CalendarState } from '@react-stately/calendar';
 import { CalendarDate } from '@internationalized/date';
 type CalendarCellProps = {
     state: CalendarState;
     date: CalendarDate;
+    currentMonth: CalendarDate;
     weekNumberString: string;
     showOutsideMonth?: boolean;
     onSelectedCellClick?: () => void;
@@ -11,5 +11,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) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/DatePicker/CalendarGrid.d.ts

@@ -1,16 +1,12 @@
-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) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/DatePicker/DateField.d.ts

@@ -85,5 +85,5 @@ export type BaseDateFieldProps<DateType extends DateValue> = {
     style?: React.CSSProperties;
 };
 export type DateFieldProps<DateType extends DateValue> = BaseDateFieldProps<DateType> & ExtendedDateFieldProps<DateType>;
-export declare const DateField: <DateType extends DateValue>({ selectedDate, onChange, label, locale: customLocale, showTimeZone, showTime, granularity, disabled, readOnly, isDisabled, variant, feedback, validationVariant, validationFeedback, labelTooltip, minDate, maxDate, forcedReturnType, style, className, labelProps: parentLabelProps, append, prepend, onValidate, dateFieldRef: ref, ...rest }: DateFieldProps<DateType>) => React.JSX.Element;
+export declare const DateField: <DateType extends DateValue>({ selectedDate, onChange, label, locale: customLocale, showTimeZone, showTime, granularity, disabled, readOnly, isDisabled, variant, feedback, validationVariant, validationFeedback, labelTooltip, minDate, maxDate, forcedReturnType, style, className, labelProps: parentLabelProps, append, prepend, onValidate, dateFieldRef: ref, ...rest }: DateFieldProps<DateType>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/DatePicker/DatePicker.d.ts

@@ -43,5 +43,5 @@ type BaseDatePickerProps = {
     ariaLabelForDate?: (date: CalendarDate) => string;
 };
 export type DatePickerProps<DateType extends DateValue> = Omit<BaseDateFieldProps<DateType>, keyof BaseDatePickerProps | 'labelProps' | 'fieldProps' | 'groupProps' | 'dateFieldRef'> & BaseDatePickerProps & ExtendedDateFieldProps<DateType>;
-export declare const DatePicker: <DateType extends DateValue>({ selectedDate, locale, disabled, readOnly, showTime, showTimeZone, classNameForDate, className, variant, feedback, validationVariant, validationFeedback, showWeekNumbers, weekNumberHeader, showOutsideMonth, disableModal, labelTooltip, navigationDescription, minDate, maxDate, modalTreshold, ariaLabelForDate, append, prepend, granularity, ...rest }: DatePickerProps<DateType>) => React.JSX.Element;
+export declare const DatePicker: <DateType extends DateValue>({ selectedDate, locale, disabled, readOnly, showTime, showTimeZone, classNameForDate, className, variant, feedback, validationVariant, validationFeedback, showWeekNumbers, weekNumberHeader, showOutsideMonth, disableModal, labelTooltip, navigationDescription, minDate, maxDate, modalTreshold, ariaLabelForDate, append, prepend, granularity, ...rest }: DatePickerProps<DateType>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/DatePicker/RangeCalendar.d.ts

@@ -65,5 +65,5 @@ type BaseRangeCalendarProps<DateType extends DateValue> = {
 };
 type ExtendedRangeCalendarProps<DateType extends DateValue> = Omit<AriaRangeCalendarProps<DateType>, keyof BaseRangeCalendarProps<DateType> | 'value' | 'label' | 'hideTimeZone' | 'placeholder' | 'placeholderValue' | 'defaultValue' | 'minValue' | 'maxValue'>;
 export type RangeCalendarProps<DateType extends DateValue> = BaseRangeCalendarProps<DateType> & ExtendedRangeCalendarProps<DateType>;
-export declare const RangeCalendar: <DateType extends DateValue>({ locale: localOverride, ...rest }: RangeCalendarProps<DateType>) => React.JSX.Element;
+export declare const RangeCalendar: <DateType extends DateValue>({ locale: localOverride, ...rest }: RangeCalendarProps<DateType>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/DatePicker/RangeCalendarCell.d.ts

@@ -1,4 +1,3 @@
-import { default as React } from 'react';
 import { RangeCalendarState } from '@react-stately/calendar';
 import { CalendarDate } from '@internationalized/date';
 type RangeCalendarCellProps = {
@@ -10,5 +9,5 @@ type RangeCalendarCellProps = {
     classNameForDate?: (date: CalendarDate) => string;
     ariaLabelForDate?: (date: CalendarDate) => string;
 };
-export declare const RangeCalendarCell: ({ state, date, currentMonth, showOutsideMonth, weekNumberString, classNameForDate, ariaLabelForDate, ...rest }: RangeCalendarCellProps) => React.JSX.Element;
+export declare const RangeCalendarCell: ({ state, date, currentMonth, showOutsideMonth, weekNumberString, classNameForDate, ariaLabelForDate, ...rest }: RangeCalendarCellProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/TimePicker/SimpleTimePicker.d.ts

@@ -44,5 +44,5 @@ type BaseSimpleTimePickerProps<TimeType extends TimeValue> = {
     style?: React.CSSProperties;
 };
 export type SimpleTimePickerProps<TimeType extends TimeValue> = BaseSimpleTimePickerProps<TimeType> & ExtendedSimpleTimePickerProps<TimeType>;
-export declare const SimpleTimePicker: <TimeType extends TimeValue>({ append, className, disabled, feedback, showClockIcon, inputRef, label, labelTooltip, onChange, padding, prepend, readOnly, selectedTime, showSeconds, style, variant, ...rest }: SimpleTimePickerProps<TimeType>) => React.JSX.Element;
+export declare const SimpleTimePicker: <TimeType extends TimeValue>({ append, className, disabled, feedback, showClockIcon, inputRef, label, labelTooltip, onChange, padding, prepend, readOnly, selectedTime, showSeconds, style, variant, ...rest }: SimpleTimePickerProps<TimeType>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/TimePicker/TimePicker.d.ts

@@ -65,5 +65,5 @@ type BaseTimePickerProps<TimeType extends TimeValue> = {
     style?: React.CSSProperties;
 };
 export type TimePickerProps<TimeType extends TimeValue> = BaseTimePickerProps<TimeType> & ExtendedTimePickerProps<TimeType>;
-export declare const TimePicker: <TimeType extends TimeValue>({ selectedTime, onChange, disabled, readOnly, className, style, label, labelTooltip, feedback, granularity, variant, locale: customLocale, showTimeZone, showSeconds, minuteIncrementForArrowButtons, leftArrowButtonAriaLabel, rightArrowButtonAriaLabel, inputRef, forcedReturnType, forcedTimeZone, append, prepend, ...rest }: TimePickerProps<TimeType>) => React.JSX.Element;
+export declare const TimePicker: <TimeType extends TimeValue>({ selectedTime, onChange, disabled, readOnly, className, style, label, labelTooltip, feedback, granularity, variant, locale: customLocale, showTimeZone, showSeconds, minuteIncrementForArrowButtons, leftArrowButtonAriaLabel, rightArrowButtonAriaLabel, inputRef, forcedReturnType, forcedTimeZone, append, prepend, ...rest }: TimePickerProps<TimeType>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/TimePicker/TimePickerArrowButton.d.ts

@@ -1,4 +1,3 @@
-import { default as React } from 'react';
 type TimePickerArrowButtonProps = {
     direction: 'left' | 'right';
     disabled?: boolean;
@@ -7,5 +6,5 @@ type TimePickerArrowButtonProps = {
     onClick?: () => void;
     onFocus?: () => void;
 };
-export declare const TimePickerArrowButton: ({ direction, onClick, disabled, readonly, "aria-label": ariaLabel, ...rest }: TimePickerArrowButtonProps) => React.JSX.Element;
+export declare const TimePickerArrowButton: ({ direction, onClick, disabled, readonly, "aria-label": ariaLabel, ...rest }: TimePickerArrowButtonProps) => import("react/jsx-runtime").JSX.Element;
 export {};