@skyscanner/backpack-web 25.1.0 → 25.3.0

package/bpk-component-scrollable-calendar/src/BpkScrollableCalendar.d.ts

@@ -0,0 +1,596 @@
+/*
+ * Backpack - Skyscanner's Design System
+ *
+ * Copyright 2016 Skyscanner Ltd
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/// <reference types="react" />
+declare const _default: {
+    new (props: Omit<{
+        changeMonthLabel?: string | null | undefined;
+        daysOfWeek: import("../../bpk-component-calendar/src/custom-proptypes").DaysOfWeek;
+        formatDateFull: (date: Date) => string | Date;
+        formatMonth: (date: Date) => string | Date;
+        id: string;
+        maxDate: Date;
+        minDate: Date;
+        month: Date;
+        nextMonthLabel?: string | null | undefined;
+        previousMonthLabel?: string | null | undefined;
+        weekStartsOn: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+        className?: string | null | undefined;
+        dateModifiers?: import("../../bpk-component-calendar/src/custom-proptypes").DateModifiers | undefined;
+        fixedWidth?: boolean | undefined;
+        focusedDate?: Date | null | undefined;
+        markOutsideDays?: boolean | undefined;
+        markToday?: boolean | undefined;
+        onMonthChange?: ((event: UIEvent, { month, source }: {
+            month: Date;
+            source: string;
+        }) => void) | null | undefined;
+        onDateClick?: ((date: Date) => void) | null | undefined;
+        onDateKeyDown?: ((event: KeyboardEvent) => void) | null | undefined;
+        preventKeyboardFocus?: boolean | undefined;
+        selectionConfiguration?: import("../../bpk-component-calendar/src/custom-proptypes").SelectionConfiguration | undefined;
+        gridClassName?: string | null | undefined;
+        weekDayKey?: string | undefined;
+        navProps?: {} | null | undefined;
+        headerProps?: {} | null | undefined;
+        gridProps?: {} | null | undefined;
+        dateProps?: {} | null | undefined;
+    } & {
+        fixedWidth?: boolean | undefined;
+        maxDate?: Date | undefined;
+        minDate?: Date | undefined;
+        onDateSelect?: ((date: Date, newDate?: Date | undefined) => void) | null | undefined;
+        onMonthChange?: ((event: UIEvent, { month, source }: {
+            month: Date;
+            source: string;
+        }) => void) | null | undefined;
+        selectionConfiguration?: import("../../bpk-component-calendar/src/custom-proptypes").SelectionConfiguration | undefined;
+        initiallyFocusedDate?: Date | null | undefined;
+    }, keyof {
+        onDateClick: ((date: Date) => void) | null;
+        onDateKeyDown: ((event: KeyboardEvent) => void) | null;
+        month: Date;
+    }> & {
+        [rest: string]: any;
+    }): {
+        UNSAFE_componentWillReceiveProps(nextProps: Omit<{
+            changeMonthLabel?: string | null | undefined;
+            daysOfWeek: import("../../bpk-component-calendar/src/custom-proptypes").DaysOfWeek;
+            formatDateFull: (date: Date) => string | Date;
+            formatMonth: (date: Date) => string | Date;
+            id: string;
+            maxDate: Date;
+            minDate: Date;
+            month: Date;
+            nextMonthLabel?: string | null | undefined;
+            previousMonthLabel?: string | null | undefined;
+            weekStartsOn: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+            className?: string | null | undefined;
+            dateModifiers?: import("../../bpk-component-calendar/src/custom-proptypes").DateModifiers | undefined;
+            fixedWidth?: boolean | undefined;
+            focusedDate?: Date | null | undefined;
+            markOutsideDays?: boolean | undefined;
+            markToday?: boolean | undefined;
+            onMonthChange?: ((event: UIEvent, { month, source }: {
+                month: Date;
+                source: string;
+            }) => void) | null | undefined;
+            onDateClick?: ((date: Date) => void) | null | undefined;
+            onDateKeyDown?: ((event: KeyboardEvent) => void) | null | undefined;
+            preventKeyboardFocus?: boolean | undefined;
+            selectionConfiguration?: import("../../bpk-component-calendar/src/custom-proptypes").SelectionConfiguration | undefined;
+            gridClassName?: string | null | undefined;
+            weekDayKey?: string | undefined;
+            navProps?: {} | null | undefined;
+            headerProps?: {} | null | undefined;
+            gridProps?: {} | null | undefined;
+            dateProps?: {} | null | undefined;
+        } & {
+            fixedWidth?: boolean | undefined;
+            maxDate?: Date | undefined;
+            minDate?: Date | undefined;
+            onDateSelect?: ((date: Date, newDate?: Date | undefined) => void) | null | undefined;
+            onMonthChange?: ((event: UIEvent, { month, source }: {
+                month: Date;
+                source: string;
+            }) => void) | null | undefined;
+            selectionConfiguration?: import("../../bpk-component-calendar/src/custom-proptypes").SelectionConfiguration | undefined;
+            initiallyFocusedDate?: Date | null | undefined;
+        }, keyof {
+            onDateClick: ((date: Date) => void) | null;
+            onDateKeyDown: ((event: KeyboardEvent) => void) | null;
+            month: Date;
+        }> & {
+            [rest: string]: any;
+        }): void;
+        handleDateFocus: (event: UIEvent, { date, source }: {
+            date: Date;
+            source: string;
+        }) => void;
+        handleDateSelect: (date: Date) => void;
+        handleMonthChange: (event: UIEvent, { month, source }: {
+            month: Date;
+            source: string;
+        }) => void;
+        handleDateKeyDown: (event: KeyboardEvent) => void;
+        render(): JSX.Element;
+        context: any;
+        setState<K extends keyof {
+            preventKeyboardFocus: boolean;
+            focusedDate: Date;
+        }>(state: {
+            preventKeyboardFocus: boolean;
+            focusedDate: Date;
+        } | ((prevState: Readonly<{
+            preventKeyboardFocus: boolean;
+            focusedDate: Date;
+        }>, props: Readonly<Omit<{
+            changeMonthLabel?: string | null | undefined;
+            daysOfWeek: import("../../bpk-component-calendar/src/custom-proptypes").DaysOfWeek;
+            formatDateFull: (date: Date) => string | Date;
+            formatMonth: (date: Date) => string | Date;
+            id: string;
+            maxDate: Date;
+            minDate: Date;
+            month: Date;
+            nextMonthLabel?: string | null | undefined;
+            previousMonthLabel?: string | null | undefined;
+            weekStartsOn: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+            className?: string | null | undefined;
+            dateModifiers?: import("../../bpk-component-calendar/src/custom-proptypes").DateModifiers | undefined;
+            fixedWidth?: boolean | undefined;
+            focusedDate?: Date | null | undefined;
+            markOutsideDays?: boolean | undefined;
+            markToday?: boolean | undefined;
+            onMonthChange?: ((event: UIEvent, { month, source }: {
+                month: Date;
+                source: string;
+            }) => void) | null | undefined;
+            onDateClick?: ((date: Date) => void) | null | undefined;
+            onDateKeyDown?: ((event: KeyboardEvent) => void) | null | undefined;
+            preventKeyboardFocus?: boolean | undefined;
+            selectionConfiguration?: import("../../bpk-component-calendar/src/custom-proptypes").SelectionConfiguration | undefined;
+            gridClassName?: string | null | undefined;
+            weekDayKey?: string | undefined;
+            navProps?: {} | null | undefined;
+            headerProps?: {} | null | undefined;
+            gridProps?: {} | null | undefined;
+            dateProps?: {} | null | undefined;
+        } & {
+            fixedWidth?: boolean | undefined;
+            maxDate?: Date | undefined;
+            minDate?: Date | undefined;
+            onDateSelect?: ((date: Date, newDate?: Date | undefined) => void) | null | undefined;
+            onMonthChange?: ((event: UIEvent, { month, source }: {
+                month: Date;
+                source: string;
+            }) => void) | null | undefined;
+            selectionConfiguration?: import("../../bpk-component-calendar/src/custom-proptypes").SelectionConfiguration | undefined;
+            initiallyFocusedDate?: Date | null | undefined;
+        }, keyof {
+            onDateClick: ((date: Date) => void) | null;
+            onDateKeyDown: ((event: KeyboardEvent) => void) | null;
+            month: Date;
+        }> & {
+            [rest: string]: any;
+        }>) => {
+            preventKeyboardFocus: boolean;
+            focusedDate: Date;
+        } | Pick<{
+            preventKeyboardFocus: boolean;
+            focusedDate: Date;
+        }, K> | null) | Pick<{
+            preventKeyboardFocus: boolean;
+            focusedDate: Date;
+        }, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<Omit<{
+            changeMonthLabel?: string | null | undefined;
+            daysOfWeek: import("../../bpk-component-calendar/src/custom-proptypes").DaysOfWeek;
+            formatDateFull: (date: Date) => string | Date;
+            formatMonth: (date: Date) => string | Date;
+            id: string;
+            maxDate: Date;
+            minDate: Date;
+            month: Date;
+            nextMonthLabel?: string | null | undefined;
+            previousMonthLabel?: string | null | undefined;
+            weekStartsOn: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+            className?: string | null | undefined;
+            dateModifiers?: import("../../bpk-component-calendar/src/custom-proptypes").DateModifiers | undefined;
+            fixedWidth?: boolean | undefined;
+            focusedDate?: Date | null | undefined;
+            markOutsideDays?: boolean | undefined;
+            markToday?: boolean | undefined;
+            onMonthChange?: ((event: UIEvent, { month, source }: {
+                month: Date;
+                source: string;
+            }) => void) | null | undefined;
+            onDateClick?: ((date: Date) => void) | null | undefined;
+            onDateKeyDown?: ((event: KeyboardEvent) => void) | null | undefined;
+            preventKeyboardFocus?: boolean | undefined;
+            selectionConfiguration?: import("../../bpk-component-calendar/src/custom-proptypes").SelectionConfiguration | undefined;
+            gridClassName?: string | null | undefined;
+            weekDayKey?: string | undefined;
+            navProps?: {} | null | undefined;
+            headerProps?: {} | null | undefined;
+            gridProps?: {} | null | undefined;
+            dateProps?: {} | null | undefined;
+        } & {
+            fixedWidth?: boolean | undefined;
+            maxDate?: Date | undefined;
+            minDate?: Date | undefined;
+            onDateSelect?: ((date: Date, newDate?: Date | undefined) => void) | null | undefined;
+            onMonthChange?: ((event: UIEvent, { month, source }: {
+                month: Date;
+                source: string;
+            }) => void) | null | undefined;
+            selectionConfiguration?: import("../../bpk-component-calendar/src/custom-proptypes").SelectionConfiguration | undefined;
+            initiallyFocusedDate?: Date | null | undefined;
+        }, keyof {
+            onDateClick: ((date: Date) => void) | null;
+            onDateKeyDown: ((event: KeyboardEvent) => void) | null;
+            month: Date;
+        }> & {
+            [rest: string]: any;
+        }> & Readonly<{
+            children?: import("react").ReactNode;
+        }>;
+        state: Readonly<{
+            preventKeyboardFocus: boolean;
+            focusedDate: Date;
+        }>;
+        refs: {
+            [key: string]: import("react").ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<Omit<{
+            changeMonthLabel?: string | null | undefined;
+            daysOfWeek: import("../../bpk-component-calendar/src/custom-proptypes").DaysOfWeek;
+            formatDateFull: (date: Date) => string | Date;
+            formatMonth: (date: Date) => string | Date;
+            id: string;
+            maxDate: Date;
+            minDate: Date;
+            month: Date;
+            nextMonthLabel?: string | null | undefined;
+            previousMonthLabel?: string | null | undefined;
+            weekStartsOn: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+            className?: string | null | undefined;
+            dateModifiers?: import("../../bpk-component-calendar/src/custom-proptypes").DateModifiers | undefined;
+            fixedWidth?: boolean | undefined;
+            focusedDate?: Date | null | undefined;
+            markOutsideDays?: boolean | undefined;
+            markToday?: boolean | undefined;
+            onMonthChange?: ((event: UIEvent, { month, source }: {
+                month: Date;
+                source: string;
+            }) => void) | null | undefined;
+            onDateClick?: ((date: Date) => void) | null | undefined;
+            onDateKeyDown?: ((event: KeyboardEvent) => void) | null | undefined;
+            preventKeyboardFocus?: boolean | undefined;
+            selectionConfiguration?: import("../../bpk-component-calendar/src/custom-proptypes").SelectionConfiguration | undefined;
+            gridClassName?: string | null | undefined;
+            weekDayKey?: string | undefined;
+            navProps?: {} | null | undefined;
+            headerProps?: {} | null | undefined;
+            gridProps?: {} | null | undefined;
+            dateProps?: {} | null | undefined;
+        } & {
+            fixedWidth?: boolean | undefined;
+            maxDate?: Date | undefined;
+            minDate?: Date | undefined;
+            onDateSelect?: ((date: Date, newDate?: Date | undefined) => void) | null | undefined;
+            onMonthChange?: ((event: UIEvent, { month, source }: {
+                month: Date;
+                source: string;
+            }) => void) | null | undefined;
+            selectionConfiguration?: import("../../bpk-component-calendar/src/custom-proptypes").SelectionConfiguration | undefined;
+            initiallyFocusedDate?: Date | null | undefined;
+        }, keyof {
+            onDateClick: ((date: Date) => void) | null;
+            onDateKeyDown: ((event: KeyboardEvent) => void) | null;
+            month: Date;
+        }> & {
+            [rest: string]: any;
+        }>, nextState: Readonly<{
+            preventKeyboardFocus: boolean;
+            focusedDate: Date;
+        }>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<{
+            changeMonthLabel?: string | null | undefined;
+            daysOfWeek: import("../../bpk-component-calendar/src/custom-proptypes").DaysOfWeek;
+            formatDateFull: (date: Date) => string | Date;
+            formatMonth: (date: Date) => string | Date;
+            id: string;
+            maxDate: Date;
+            minDate: Date;
+            month: Date;
+            nextMonthLabel?: string | null | undefined;
+            previousMonthLabel?: string | null | undefined;
+            weekStartsOn: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+            className?: string | null | undefined;
+            dateModifiers?: import("../../bpk-component-calendar/src/custom-proptypes").DateModifiers | undefined;
+            fixedWidth?: boolean | undefined;
+            focusedDate?: Date | null | undefined;
+            markOutsideDays?: boolean | undefined;
+            markToday?: boolean | undefined;
+            onMonthChange?: ((event: UIEvent, { month, source }: {
+                month: Date;
+                source: string;
+            }) => void) | null | undefined;
+            onDateClick?: ((date: Date) => void) | null | undefined;
+            onDateKeyDown?: ((event: KeyboardEvent) => void) | null | undefined;
+            preventKeyboardFocus?: boolean | undefined;
+            selectionConfiguration?: import("../../bpk-component-calendar/src/custom-proptypes").SelectionConfiguration | undefined;
+            gridClassName?: string | null | undefined;
+            weekDayKey?: string | undefined;
+            navProps?: {} | null | undefined;
+            headerProps?: {} | null | undefined;
+            gridProps?: {} | null | undefined;
+            dateProps?: {} | null | undefined;
+        } & {
+            fixedWidth?: boolean | undefined;
+            maxDate?: Date | undefined;
+            minDate?: Date | undefined;
+            onDateSelect?: ((date: Date, newDate?: Date | undefined) => void) | null | undefined;
+            onMonthChange?: ((event: UIEvent, { month, source }: {
+                month: Date;
+                source: string;
+            }) => void) | null | undefined;
+            selectionConfiguration?: import("../../bpk-component-calendar/src/custom-proptypes").SelectionConfiguration | undefined;
+            initiallyFocusedDate?: Date | null | undefined;
+        }, keyof {
+            onDateClick: ((date: Date) => void) | null;
+            onDateKeyDown: ((event: KeyboardEvent) => void) | null;
+            month: Date;
+        }> & {
+            [rest: string]: any;
+        }>, prevState: Readonly<{
+            preventKeyboardFocus: boolean;
+            focusedDate: Date;
+        }>): any;
+        componentDidUpdate?(prevProps: Readonly<Omit<{
+            changeMonthLabel?: string | null | undefined;
+            daysOfWeek: import("../../bpk-component-calendar/src/custom-proptypes").DaysOfWeek;
+            formatDateFull: (date: Date) => string | Date;
+            formatMonth: (date: Date) => string | Date;
+            id: string;
+            maxDate: Date;
+            minDate: Date;
+            month: Date;
+            nextMonthLabel?: string | null | undefined;
+            previousMonthLabel?: string | null | undefined;
+            weekStartsOn: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+            className?: string | null | undefined;
+            dateModifiers?: import("../../bpk-component-calendar/src/custom-proptypes").DateModifiers | undefined;
+            fixedWidth?: boolean | undefined;
+            focusedDate?: Date | null | undefined;
+            markOutsideDays?: boolean | undefined;
+            markToday?: boolean | undefined;
+            onMonthChange?: ((event: UIEvent, { month, source }: {
+                month: Date;
+                source: string;
+            }) => void) | null | undefined;
+            onDateClick?: ((date: Date) => void) | null | undefined;
+            onDateKeyDown?: ((event: KeyboardEvent) => void) | null | undefined;
+            preventKeyboardFocus?: boolean | undefined;
+            selectionConfiguration?: import("../../bpk-component-calendar/src/custom-proptypes").SelectionConfiguration | undefined;
+            gridClassName?: string | null | undefined;
+            weekDayKey?: string | undefined;
+            navProps?: {} | null | undefined;
+            headerProps?: {} | null | undefined;
+            gridProps?: {} | null | undefined;
+            dateProps?: {} | null | undefined;
+        } & {
+            fixedWidth?: boolean | undefined;
+            maxDate?: Date | undefined;
+            minDate?: Date | undefined;
+            onDateSelect?: ((date: Date, newDate?: Date | undefined) => void) | null | undefined;
+            onMonthChange?: ((event: UIEvent, { month, source }: {
+                month: Date;
+                source: string;
+            }) => void) | null | undefined;
+            selectionConfiguration?: import("../../bpk-component-calendar/src/custom-proptypes").SelectionConfiguration | undefined;
+            initiallyFocusedDate?: Date | null | undefined;
+        }, keyof {
+            onDateClick: ((date: Date) => void) | null;
+            onDateKeyDown: ((event: KeyboardEvent) => void) | null;
+            month: Date;
+        }> & {
+            [rest: string]: any;
+        }>, prevState: Readonly<{
+            preventKeyboardFocus: boolean;
+            focusedDate: Date;
+        }>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<Omit<{
+            changeMonthLabel?: string | null | undefined;
+            daysOfWeek: import("../../bpk-component-calendar/src/custom-proptypes").DaysOfWeek;
+            formatDateFull: (date: Date) => string | Date;
+            formatMonth: (date: Date) => string | Date;
+            id: string;
+            maxDate: Date;
+            minDate: Date;
+            month: Date;
+            nextMonthLabel?: string | null | undefined;
+            previousMonthLabel?: string | null | undefined;
+            weekStartsOn: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+            className?: string | null | undefined;
+            dateModifiers?: import("../../bpk-component-calendar/src/custom-proptypes").DateModifiers | undefined;
+            fixedWidth?: boolean | undefined;
+            focusedDate?: Date | null | undefined;
+            markOutsideDays?: boolean | undefined;
+            markToday?: boolean | undefined;
+            onMonthChange?: ((event: UIEvent, { month, source }: {
+                month: Date;
+                source: string;
+            }) => void) | null | undefined;
+            onDateClick?: ((date: Date) => void) | null | undefined;
+            onDateKeyDown?: ((event: KeyboardEvent) => void) | null | undefined;
+            preventKeyboardFocus?: boolean | undefined;
+            selectionConfiguration?: import("../../bpk-component-calendar/src/custom-proptypes").SelectionConfiguration | undefined;
+            gridClassName?: string | null | undefined;
+            weekDayKey?: string | undefined;
+            navProps?: {} | null | undefined;
+            headerProps?: {} | null | undefined;
+            gridProps?: {} | null | undefined;
+            dateProps?: {} | null | undefined;
+        } & {
+            fixedWidth?: boolean | undefined;
+            maxDate?: Date | undefined;
+            minDate?: Date | undefined;
+            onDateSelect?: ((date: Date, newDate?: Date | undefined) => void) | null | undefined;
+            onMonthChange?: ((event: UIEvent, { month, source }: {
+                month: Date;
+                source: string;
+            }) => void) | null | undefined;
+            selectionConfiguration?: import("../../bpk-component-calendar/src/custom-proptypes").SelectionConfiguration | undefined;
+            initiallyFocusedDate?: Date | null | undefined;
+        }, keyof {
+            onDateClick: ((date: Date) => void) | null;
+            onDateKeyDown: ((event: KeyboardEvent) => void) | null;
+            month: Date;
+        }> & {
+            [rest: string]: any;
+        }>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Omit<{
+            changeMonthLabel?: string | null | undefined;
+            daysOfWeek: import("../../bpk-component-calendar/src/custom-proptypes").DaysOfWeek;
+            formatDateFull: (date: Date) => string | Date;
+            formatMonth: (date: Date) => string | Date;
+            id: string;
+            maxDate: Date;
+            minDate: Date;
+            month: Date;
+            nextMonthLabel?: string | null | undefined;
+            previousMonthLabel?: string | null | undefined;
+            weekStartsOn: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+            className?: string | null | undefined;
+            dateModifiers?: import("../../bpk-component-calendar/src/custom-proptypes").DateModifiers | undefined;
+            fixedWidth?: boolean | undefined;
+            focusedDate?: Date | null | undefined;
+            markOutsideDays?: boolean | undefined;
+            markToday?: boolean | undefined;
+            onMonthChange?: ((event: UIEvent, { month, source }: {
+                month: Date;
+                source: string;
+            }) => void) | null | undefined;
+            onDateClick?: ((date: Date) => void) | null | undefined;
+            onDateKeyDown?: ((event: KeyboardEvent) => void) | null | undefined;
+            preventKeyboardFocus?: boolean | undefined;
+            selectionConfiguration?: import("../../bpk-component-calendar/src/custom-proptypes").SelectionConfiguration | undefined;
+            gridClassName?: string | null | undefined;
+            weekDayKey?: string | undefined;
+            navProps?: {} | null | undefined;
+            headerProps?: {} | null | undefined;
+            gridProps?: {} | null | undefined;
+            dateProps?: {} | null | undefined;
+        } & {
+            fixedWidth?: boolean | undefined;
+            maxDate?: Date | undefined;
+            minDate?: Date | undefined;
+            onDateSelect?: ((date: Date, newDate?: Date | undefined) => void) | null | undefined;
+            onMonthChange?: ((event: UIEvent, { month, source }: {
+                month: Date;
+                source: string;
+            }) => void) | null | undefined;
+            selectionConfiguration?: import("../../bpk-component-calendar/src/custom-proptypes").SelectionConfiguration | undefined;
+            initiallyFocusedDate?: Date | null | undefined;
+        }, keyof {
+            onDateClick: ((date: Date) => void) | null;
+            onDateKeyDown: ((event: KeyboardEvent) => void) | null;
+            month: Date;
+        }> & {
+            [rest: string]: any;
+        }>, nextState: Readonly<{
+            preventKeyboardFocus: boolean;
+            focusedDate: Date;
+        }>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<{
+            changeMonthLabel?: string | null | undefined;
+            daysOfWeek: import("../../bpk-component-calendar/src/custom-proptypes").DaysOfWeek;
+            formatDateFull: (date: Date) => string | Date;
+            formatMonth: (date: Date) => string | Date;
+            id: string;
+            maxDate: Date;
+            minDate: Date;
+            month: Date;
+            nextMonthLabel?: string | null | undefined;
+            previousMonthLabel?: string | null | undefined;
+            weekStartsOn: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+            className?: string | null | undefined;
+            dateModifiers?: import("../../bpk-component-calendar/src/custom-proptypes").DateModifiers | undefined;
+            fixedWidth?: boolean | undefined;
+            focusedDate?: Date | null | undefined;
+            markOutsideDays?: boolean | undefined;
+            markToday?: boolean | undefined;
+            onMonthChange?: ((event: UIEvent, { month, source }: {
+                month: Date;
+                source: string;
+            }) => void) | null | undefined;
+            onDateClick?: ((date: Date) => void) | null | undefined;
+            onDateKeyDown?: ((event: KeyboardEvent) => void) | null | undefined;
+            preventKeyboardFocus?: boolean | undefined;
+            selectionConfiguration?: import("../../bpk-component-calendar/src/custom-proptypes").SelectionConfiguration | undefined;
+            gridClassName?: string | null | undefined;
+            weekDayKey?: string | undefined;
+            navProps?: {} | null | undefined;
+            headerProps?: {} | null | undefined;
+            gridProps?: {} | null | undefined;
+            dateProps?: {} | null | undefined;
+        } & {
+            fixedWidth?: boolean | undefined;
+            maxDate?: Date | undefined;
+            minDate?: Date | undefined;
+            onDateSelect?: ((date: Date, newDate?: Date | undefined) => void) | null | undefined;
+            onMonthChange?: ((event: UIEvent, { month, source }: {
+                month: Date;
+                source: string;
+            }) => void) | null | undefined;
+            selectionConfiguration?: import("../../bpk-component-calendar/src/custom-proptypes").SelectionConfiguration | undefined;
+            initiallyFocusedDate?: Date | null | undefined;
+        }, keyof {
+            onDateClick: ((date: Date) => void) | null;
+            onDateKeyDown: ((event: KeyboardEvent) => void) | null;
+            month: Date;
+        }> & {
+            [rest: string]: any;
+        }>, nextState: Readonly<{
+            preventKeyboardFocus: boolean;
+            focusedDate: Date;
+        }>, nextContext: any): void;
+    };
+    defaultProps: {
+        fixedWidth: boolean;
+        maxDate: Date;
+        minDate: Date;
+        onDateSelect: null;
+        onMonthChange: null;
+        selectionConfiguration: {
+            type: "single";
+            date: null;
+        };
+        initiallyFocusedDate: null;
+    };
+    contextType?: import("react").Context<any> | undefined;
+};
+export default _default;

package/bpk-component-scrollable-calendar/src/BpkScrollableCalendarDate.d.ts

@@ -0,0 +1,32 @@
+/*
+ * Backpack - Skyscanner's Design System
+ *
+ * Copyright 2016 Skyscanner Ltd
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { PureComponent } from 'react';
+import type { BpkCalendarDateProps } from '../../bpk-component-calendar';
+type Props = Partial<BpkCalendarDateProps> & {
+    date: Date;
+    isOutside?: boolean;
+    [rest: string]: any;
+};
+declare class BpkScrollableCalendarDate extends PureComponent<Props> {
+    static defaultProps: {
+        isOutside: boolean;
+    };
+    render(): JSX.Element | null;
+}
+export default BpkScrollableCalendarDate;