@helsenorge/datepicker 9.4.3 → 10.0.0-beta.0

package/components/DatePicker/DatePicker.d.ts

@@ -1,10 +1,10 @@
 import { default as React } from 'react';
 import { Locale } from 'date-fns';
-import { DayPickerSingleProps } from 'react-day-picker';
+import { DayPickerProps } from 'react-day-picker';
 import { ErrorWrapperClassNameProps } from '@helsenorge/designsystem-react/components/ErrorWrapper';
 import { PopOverVariant } from '@helsenorge/designsystem-react/components/PopOver';
 export type DateFormat = 'dd.MM.yyyy';
-export interface DatePickerProps extends ErrorWrapperClassNameProps, Pick<React.InputHTMLAttributes<HTMLInputElement>, 'name' | 'aria-describedby' | 'onBlur' | 'autoComplete'>, Pick<DayPickerSingleProps, 'dir' | 'initialFocus'> {
+export interface DatePickerProps extends ErrorWrapperClassNameProps, Pick<React.InputHTMLAttributes<HTMLInputElement>, 'name' | 'aria-describedby' | 'onBlur' | 'autoComplete'>, Pick<DayPickerProps, 'dir' | 'initialFocus'> {
     /** Adds custom classes to the element. */
     className?: string;
     /** Sets aria-label on the button that opens the datepicker dialogue */
@@ -40,7 +40,7 @@ export interface DatePickerProps extends ErrorWrapperClassNameProps, Pick<React.
     /** Minimum date allowed to be selected */
     minDate?: Date;
     /** onChange callback triggered by change in chosen date */
-    onChange?: (event: React.ChangeEvent<HTMLInputElement> | React.MouseEvent<Element, MouseEvent>, date: Date | string | undefined) => void;
+    onChange?: (event?: React.ChangeEvent<HTMLInputElement> | React.MouseEvent<Element, MouseEvent> | React.KeyboardEvent<Element>, date?: Date | string | undefined) => void;
     /** Only use this to trigger validation. Callback triggered by change in chosen date via the datepicker popup */
     onDatePopupClosed?: (date: Date | string | undefined) => void;
     /** Sets the data-testid attribute. */

package/components/DatePicker/DatePickerPopup.d.ts

@@ -1,7 +1,7 @@
 import { default as React } from 'react';
-import { DayPickerSingleProps } from 'react-day-picker';
+import { DayPickerProps, PropsSingle } from 'react-day-picker';
 import { PopOverVariant } from '@helsenorge/designsystem-react/components/PopOver';
-interface DatePickerPopupProps extends Pick<DayPickerSingleProps, 'dir' | 'disabled' | 'footer' | 'fromDate' | 'initialFocus' | 'locale' | 'month' | 'selected' | 'onSelect' | 'onMonthChange' | 'toDate'> {
+interface DatePickerPopupProps extends Pick<DayPickerProps, 'dir' | 'disabled' | 'footer' | 'startMonth' | 'initialFocus' | 'locale' | 'month' | 'onMonthChange' | 'endMonth'>, Pick<PropsSingle, 'selected' | 'onSelect'> {
     datepickerWrapperRef: React.RefObject<HTMLDivElement>;
     inputRef: React.RefObject<HTMLInputElement>;
     testId?: string;