@kaizen/components 1.27.0 → 1.28.0

package/dist/esm/dts/Calendar/CalendarPopover/CalendarPopover.d.ts

@@ -0,0 +1,16 @@
+import React, { HTMLAttributes } from "react";
+import { Options } from "@popperjs/core";
+import { OverrideClassName } from "../../types/OverrideClassName";
+export type CalendarPopoverProps = {
+    children: React.ReactNode;
+    referenceElement: HTMLElement | null;
+    popperOptions?: Partial<Options>;
+} & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
+/**
+ * Only for use with Calendar components.
+ * @todo: Replace with Popover when we have a reusable one.
+ */
+export declare const CalendarPopover: {
+    ({ children, referenceElement, popperOptions, classNameOverride, ...restProps }: CalendarPopoverProps): JSX.Element;
+    displayName: string;
+};

package/dist/esm/dts/Calendar/CalendarPopover/index.d.ts

@@ -0,0 +1 @@
+export * from "./CalendarPopover";

package/dist/esm/dts/Calendar/CalendarRange/CalendarRange.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { DayPickerRangeProps } from "react-day-picker";
+import { OverrideClassName } from "../../types/OverrideClassName";
+export type CalendarRangeElement = HTMLDivElement;
+export type CalendarRangeProps = {
+    id?: string;
+    onMount?: (calendarElement: CalendarRangeElement) => void;
+    hasDivider?: boolean;
+} & OverrideClassName<Omit<DayPickerRangeProps, "mode">>;
+export declare const CalendarRange: {
+    ({ id, onMount, hasDivider, classNameOverride, selected, defaultMonth, locale, ...restProps }: CalendarRangeProps): JSX.Element;
+    displayName: string;
+};

package/dist/esm/dts/Calendar/CalendarRange/index.d.ts

@@ -0,0 +1 @@
+export * from "./CalendarRange";

package/dist/esm/dts/Calendar/CalendarSingle/CalendarSingle.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { DayPickerSingleProps } from "react-day-picker";
+import { OverrideClassName } from "../../types/OverrideClassName";
+export type CalendarSingleElement = HTMLDivElement;
+export type CalendarSingleProps = {
+    id?: string;
+    onMount?: (calendarElement: CalendarSingleElement) => void;
+} & OverrideClassName<Omit<DayPickerSingleProps, "mode">>;
+export declare const CalendarSingle: {
+    ({ id, onMount, classNameOverride, selected, defaultMonth, weekStartsOn, locale, ...restProps }: CalendarSingleProps): JSX.Element;
+    displayName: string;
+};

package/dist/esm/dts/Calendar/CalendarSingle/index.d.ts

@@ -0,0 +1 @@
+export * from "./CalendarSingle";

package/dist/esm/dts/Calendar/LegacyCalendarRange/LegacyCalendarRange.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { DateRange, DayClickEventHandler, Matcher } from "react-day-picker";
+import { DayOfWeek } from "../enums";
+export type LegacyCalendarRangeElement = HTMLDivElement;
+export type LegacyCalendarRangeProps = {
+    classNameOverride?: string;
+    defaultMonth?: Date;
+    weekStartsOn?: DayOfWeek;
+    disabledDays?: Matcher[];
+    selectedRange?: DateRange;
+    locale: Locale;
+    onDayChange: DayClickEventHandler;
+};
+export declare const LegacyCalendarRange: {
+    ({ classNameOverride, defaultMonth, weekStartsOn, disabledDays, selectedRange, locale, onDayChange, }: LegacyCalendarRangeProps): JSX.Element;
+    displayName: string;
+};

package/dist/esm/dts/Calendar/LegacyCalendarRange/index.d.ts

@@ -0,0 +1 @@
+export * from "./LegacyCalendarRange";

package/dist/esm/dts/Calendar/_docs/controls/weekStartsOnControls.d.ts

@@ -0,0 +1,26 @@
+export declare const weekStartsOnControls: {
+    weekStartsOn: {
+        options: string[];
+        control: {
+            type: string;
+            labels: {
+                Sun: string;
+                Mon: string;
+                Tue: string;
+                Wed: string;
+                Thu: string;
+                Fri: string;
+                Sat: string;
+            };
+        };
+        mapping: {
+            Sun: 0;
+            Mon: 1;
+            Tue: 2;
+            Wed: 3;
+            Thu: 4;
+            Fri: 5;
+            Sat: 6;
+        };
+    };
+};

package/dist/esm/dts/Calendar/baseCalendarClassNames.d.ts

@@ -0,0 +1,2 @@
+import { ClassNames } from "react-day-picker";
+export declare const baseCalendarClassNames: ClassNames;

package/dist/esm/dts/Calendar/enums.d.ts

@@ -0,0 +1,15 @@
+export declare const DayOfWeek: {
+    readonly Sun: 0;
+    readonly Mon: 1;
+    readonly Tue: 2;
+    readonly Wed: 3;
+    readonly Thu: 4;
+    readonly Fri: 5;
+    readonly Sat: 6;
+};
+export type DayOfWeek = (typeof DayOfWeek)[keyof typeof DayOfWeek];
+export declare const DateFormat: {
+    readonly Numeral: "P";
+    readonly Text: "PP";
+};
+export type DateFormat = (typeof DateFormat)[keyof typeof DateFormat];

package/dist/esm/dts/Calendar/index.d.ts

@@ -0,0 +1,5 @@
+export * from "./CalendarSingle";
+export * from "./CalendarRange";
+export * from "./enums";
+export * from "./types";
+export * from "./utils";

package/dist/esm/dts/Calendar/types.d.ts

@@ -0,0 +1,37 @@
+import { DateInterval, DateRange, DayPickerProps } from "react-day-picker";
+import { DayOfWeek } from "./enums";
+export type { DateInterval, DateRange };
+export type DisabledDays = DayPickerProps["disabled"];
+export type DisabledDayMatchers = {
+    /**
+     * Accepts an array of singluar dates and disables them.
+     * e.g. [new Date(2022, 1, 12), new Date(2022, 1, 25)]
+     */
+    disabledDates?: Date[];
+    /**
+     * Accepts an array of DayOfWeek values and disables those days throughout
+     * the calendar.
+     * e.g. [DayOfWeek.Mon, DayOfWeek.Tue]
+     */
+    disabledDaysOfWeek?: DayOfWeek[];
+    /**
+     * Accepts an object with a `from` and `to` date. Disables any date
+     * inside of that range, including the specified dates.
+     * { from: new Date(2022, 1, 12), to: new Date(2022, 1, 16) }
+     */
+    disabledRange?: DateRange;
+    /**
+     * Accepts an object with a `before` and `after` date. Disables any date
+     * inside of that range, excluding the specified dates.
+     * { after: new Date(2022, 1, 12), before: new Date(2022, 1, 16) }
+     */
+    disabledBeforeAfter?: DateInterval;
+    /**
+     * Accepts single date and disables all days before it.
+     * */
+    disabledBefore?: Date;
+    /**
+     * Accepts single date and disables all days after it.
+     */
+    disabledAfter?: Date;
+};

package/dist/esm/dts/Calendar/utils/calculateDisabledDays.d.ts

@@ -0,0 +1,3 @@
+import { Matcher } from "react-day-picker";
+import { DisabledDayMatchers } from "../types";
+export declare const calculateDisabledDays: ({ disabledDates, disabledDaysOfWeek, disabledRange, disabledBeforeAfter, disabledBefore, disabledAfter, }: DisabledDayMatchers) => Matcher[];

package/dist/esm/dts/Calendar/utils/formatDateAsNumeral.d.ts

@@ -0,0 +1 @@
+export declare const formatDateAsNumeral: (date: Date, locale: Locale) => string;

package/dist/esm/dts/Calendar/utils/formatDateAsText.d.ts

@@ -0,0 +1,2 @@
+import { DisabledDays } from "../types";
+export declare const formatDateAsText: (date: Date, disabledDays: DisabledDays, locale: Locale) => string;

package/dist/esm/dts/Calendar/utils/index.d.ts

@@ -0,0 +1,11 @@
+export * from "./calculateDisabledDays";
+export * from "./formatDateAsNumeral";
+export * from "./formatDateAsText";
+export * from "./isDisabledDate";
+export * from "./isInvalidDate";
+export * from "./isValidWeekStartsOn";
+export * from "./isSelectingDayInCalendar";
+export * from "./parseDateAsTextOrNumeral";
+export * from "./parseDateFromNumeralFormatValue";
+export * from "./parseDateFromTextFormatValue";
+export * from "./setFocusInCalendar";

package/dist/esm/dts/Calendar/utils/isDisabledDate.d.ts

@@ -0,0 +1,2 @@
+import { DisabledDays } from "../types";
+export declare const isDisabledDate: (date: Date, disabledDays: DisabledDays) => boolean;

package/dist/esm/dts/Calendar/utils/isInvalidDate.d.ts

@@ -0,0 +1 @@
+export declare const isInvalidDate: (parsedDate: Date) => boolean;

package/dist/esm/dts/Calendar/utils/isSelectingDayInCalendar.d.ts

@@ -0,0 +1 @@
+export declare const isSelectingDayInCalendar: (target: (EventTarget & Element) | null) => boolean;

package/dist/esm/dts/Calendar/utils/isValidWeekStartsOn.d.ts

@@ -0,0 +1,2 @@
+import { DayOfWeek } from "../enums";
+export declare const isValidWeekStartsOn: (day: DayOfWeek | undefined) => day is 0 | 1 | 2 | 3 | 4 | 5 | 6 | undefined;

package/dist/esm/dts/Calendar/utils/parseDateAsTextOrNumeral.d.ts

@@ -0,0 +1 @@
+export declare const parseDateAsTextOrNumeral: (value: string, locale: Locale) => Date;

package/dist/esm/dts/Calendar/utils/parseDateFromNumeralFormatValue.d.ts

@@ -0,0 +1 @@
+export declare const parseDateFromNumeralFormatValue: (value: string, locale: Locale) => Date;

package/dist/esm/dts/Calendar/utils/parseDateFromTextFormatValue.d.ts

@@ -0,0 +1 @@
+export declare const parseDateFromTextFormatValue: (value: string, locale: Locale) => Date;

package/dist/esm/dts/Calendar/utils/setFocusInCalendar.d.ts

@@ -0,0 +1,3 @@
+import { CalendarRangeElement } from "../CalendarRange";
+import { CalendarSingleElement } from "../CalendarSingle";
+export declare const setFocusInCalendar: (calendarElement: CalendarSingleElement | CalendarRangeElement, selectedDay: Date | undefined) => void;

package/dist/esm/dts/DateInput/DateInput/DateInput.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { InputProps } from "../../Input";
+type OmittedInputProps = "reversed" | "type" | "inputRef";
+export type DateInputProps = {
+    labelText: React.ReactNode;
+    isReversed?: boolean;
+} & Omit<InputProps, OmittedInputProps>;
+export declare const DateInput: React.ForwardRefExoticComponent<{
+    labelText: React.ReactNode;
+    isReversed?: boolean | undefined;
+} & Omit<InputProps, OmittedInputProps> & React.RefAttributes<HTMLInputElement>>;
+export {};

package/dist/esm/dts/DateInput/DateInput/index.d.ts

@@ -0,0 +1 @@
+export * from "./DateInput";

package/dist/esm/dts/DateInput/DateInputWithIconButton/DateInputWithIconButton.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+import { DateInputProps } from "../DateInput";
+export type DateInputWithIconButtonProps = {
+    /**
+     * Icon button onClick handler
+     */
+    onButtonClick: React.MouseEventHandler<HTMLButtonElement>;
+} & Omit<DateInputProps, "startIconAdornment" | "endIconAdornment">;
+export type DateInputWithIconButtonRefs = {
+    inputRef?: React.RefObject<HTMLInputElement>;
+    buttonRef?: React.RefObject<HTMLButtonElement>;
+};
+export declare const DateInputWithIconButton: React.ForwardRefExoticComponent<{
+    /**
+     * Icon button onClick handler
+     */
+    onButtonClick: React.MouseEventHandler<HTMLButtonElement>;
+} & Omit<DateInputProps, "startIconAdornment" | "endIconAdornment"> & React.RefAttributes<DateInputWithIconButtonRefs>>;

package/dist/esm/dts/DateInput/DateInputWithIconButton/index.d.ts

@@ -0,0 +1 @@
+export * from "./DateInputWithIconButton";

package/dist/esm/dts/DateInput/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./DateInput";
+export * from "./DateInputDescription";
+export * from "./DateInputWithIconButton";

package/dist/esm/dts/DatePicker/DatePicker.d.ts

@@ -0,0 +1,55 @@
+import { RefObject } from "react";
+import { CalendarSingleProps, DisabledDayMatchers } from "../Calendar";
+import { DateInputFieldProps } from "./subcomponents/DateInputField";
+import { ValidationResponse } from "./types";
+import { DatePickerSupportedLocales } from "./utils/getLocale";
+type OmittedDateInputFieldProps = "onClick" | "onFocus" | "onChange" | "onBlur" | "onButtonClick" | "value" | "locale" | "id";
+export type DatePickerProps = {
+    id?: string;
+    buttonRef?: RefObject<HTMLButtonElement>;
+    onInputClick?: DateInputFieldProps["onClick"];
+    onInputFocus?: DateInputFieldProps["onFocus"];
+    onInputChange?: DateInputFieldProps["onChange"];
+    onInputBlur?: DateInputFieldProps["onBlur"];
+    onButtonClick?: DateInputFieldProps["onButtonClick"];
+    locale?: DatePickerSupportedLocales;
+    /**
+     * Accepts a DayOfWeek value to start the week on that day. By default,
+     * it's set to Monday.
+     */
+    weekStartsOn?: CalendarSingleProps["weekStartsOn"];
+    /**
+     * Accepts a date to display that month on first render.
+     */
+    defaultMonth?: CalendarSingleProps["defaultMonth"];
+    /**
+     *  The date passed in from the consumer that renders in the input and calendar.
+     */
+    selectedDay: Date | undefined;
+    /**
+     * Callback when date is updated either by the calendar picker or by typing and bluring.
+     * Date will return as undefined if invalid or disabled.
+     */
+    onDayChange: (date: Date | undefined) => void;
+    /**
+     * Callback when a date is selected. Utilises internal validation if not set.
+     */
+    onValidate?: (validationResponse: ValidationResponse) => void;
+    /**
+     * Updates the styling of the validation FieldMessage.
+     */
+    status?: DateInputFieldProps["status"] | undefined;
+    /**
+     * A descriptive message for the 'status' states.
+     */
+    validationMessage?: DateInputFieldProps["validationMessage"] | undefined;
+} & DisabledDayMatchers & Omit<DateInputFieldProps, OmittedDateInputFieldProps>;
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082061174/Date+Picker Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-date-controls-datepicker--docs Storybook}
+ */
+export declare const DatePicker: {
+    ({ id: propsId, buttonRef: propsButtonRef, locale: propsLocale, disabledDates, disabledDaysOfWeek, disabledRange, disabledBeforeAfter, disabledBefore, disabledAfter, weekStartsOn, defaultMonth, selectedDay, status, validationMessage, onInputClick, onInputFocus, onInputChange, onInputBlur, onButtonClick, onDayChange, onValidate, ...restDateInputFieldProps }: DatePickerProps): JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/esm/dts/DatePicker/_docs/controls/datePickerLocaleControls.d.ts

@@ -0,0 +1,8 @@
+export declare const datePickerLocaleControls: {
+    locale: {
+        options: string[];
+        control: {
+            type: string;
+        };
+    };
+};

package/dist/esm/dts/DatePicker/_docs/controls/disabledDayMatchersControls.d.ts

@@ -0,0 +1,96 @@
+export declare const disabledDayMatchersControls: {
+    disabledDates: {
+        options: string[];
+        control: {
+            type: string;
+            labels: {
+                None: string;
+                Today: string;
+                May2022: string;
+            };
+        };
+        mapping: {
+            None: undefined;
+            Today: Date[];
+            May2022: Date[];
+        };
+    };
+    disabledRange: {
+        options: string[];
+        control: {
+            type: string;
+            labels: {
+                None: string;
+                May2022: string;
+            };
+        };
+        mapping: {
+            None: undefined;
+            May2022: {
+                from: Date;
+                to: Date;
+            };
+        };
+    };
+    disabledBeforeAfter: {
+        options: string[];
+        control: {
+            type: string;
+            labels: {
+                None: string;
+                May2022: string;
+            };
+        };
+        mapping: {
+            None: undefined;
+            May2022: {
+                before: Date;
+                after: Date;
+            };
+        };
+    };
+    disabledBefore: {
+        options: string[];
+        control: {
+            type: string;
+            labels: {
+                None: string;
+                May2022: string;
+            };
+        };
+        mapping: {
+            None: undefined;
+            May2022: Date;
+        };
+    };
+    disabledAfter: {
+        options: string[];
+        control: {
+            type: string;
+            labels: {
+                None: string;
+                May2022: string;
+            };
+        };
+        mapping: {
+            None: undefined;
+            May2022: Date;
+        };
+    };
+    disabledDaysOfWeek: {
+        options: string[];
+        control: {
+            type: string;
+            labels: {
+                None: string;
+                Fridays: string;
+                Weekends: string;
+            };
+        };
+        mapping: {
+            None: undefined;
+            Fridays: 5[];
+            Weekends: (0 | 6)[];
+        };
+    };
+};

package/dist/esm/dts/DatePicker/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./DatePicker";
+export * from "./types";

package/dist/esm/dts/DatePicker/subcomponents/DateInputField/DateInputField.d.ts

@@ -0,0 +1,35 @@
+import React from "react";
+import { DateInputDescriptionProps, DateInputWithIconButtonProps, DateInputWithIconButtonRefs } from "../../../DateInput";
+import { FieldMessageStatus } from "../../../FieldMessage";
+export type DateInputFieldProps = {
+    /**
+     * A description that provides context for the text field
+     */
+    description?: DateInputDescriptionProps["description"];
+    /**
+     * Updates the styling of the validation FieldMessage
+     */
+    status?: FieldMessageStatus;
+    /**
+     * A descriptive message for `status` states
+     */
+    validationMessage?: React.ReactNode;
+    locale?: Locale;
+} & DateInputWithIconButtonProps;
+export declare const DateInputField: React.ForwardRefExoticComponent<{
+    /**
+     * A description that provides context for the text field
+     */
+    description?: DateInputDescriptionProps["description"];
+    /**
+     * Updates the styling of the validation FieldMessage
+     */
+    status?: FieldMessageStatus | undefined;
+    /**
+     * A descriptive message for `status` states
+     */
+    validationMessage?: React.ReactNode;
+    locale?: Locale | undefined;
+} & {
+    onButtonClick: React.MouseEventHandler<HTMLButtonElement>;
+} & Omit<import("../../../DateInput").DateInputProps, "startIconAdornment" | "endIconAdornment"> & React.RefAttributes<DateInputWithIconButtonRefs>>;

package/dist/esm/dts/DatePicker/subcomponents/DateInputField/index.d.ts

@@ -0,0 +1 @@
+export * from "./DateInputField";

package/dist/esm/dts/DatePicker/types.d.ts

@@ -0,0 +1,11 @@
+import { FieldMessageStatus } from "../FieldMessage";
+export type ValidationResponse = {
+    date: Date | undefined;
+    inputValue: string | undefined;
+    status: FieldMessageStatus | undefined;
+    validationMessage: string | undefined;
+    isDisabled: boolean;
+    isInvalid: boolean;
+    isEmpty: boolean;
+    isValidDate: boolean;
+};

package/dist/esm/dts/DatePicker/utils/getLocale.d.ts

@@ -0,0 +1,3 @@
+import { StringSuggestions } from "../../types/StringSuggestions";
+export type DatePickerSupportedLocales = StringSuggestions<"en-US" | "en-AU">;
+export declare const getLocale: (locale: DatePickerSupportedLocales) => Locale;

package/dist/esm/dts/DatePicker/utils/validateDate.d.ts

@@ -0,0 +1,12 @@
+import { DisabledDays } from "../../Calendar";
+import { ValidationResponse } from "../types";
+export type ValidateDateArgs = {
+    date: Date | undefined;
+    inputValue: string | undefined;
+    disabledDays?: DisabledDays;
+};
+export type ValidateDateResponse = {
+    validationResponse: ValidationResponse;
+    newDate: Date | undefined;
+};
+export declare const validateDate: ({ date, inputValue, disabledDays, }: ValidateDateArgs) => ValidateDateResponse;

package/dist/esm/dts/DateRangePicker/DateRangePicker.d.ts

@@ -0,0 +1,44 @@
+import { RefObject } from "react";
+import { DateRange } from "react-day-picker";
+import { DisabledDayMatchers } from "../Calendar";
+import { LegacyCalendarRangeProps } from "../Calendar/LegacyCalendarRange";
+export type DateRangePickerProps = {
+    id?: string;
+    classNameOverride?: string;
+    labelText: string;
+    isDisabled?: boolean;
+    buttonRef?: RefObject<HTMLButtonElement>;
+    description?: string;
+    /**
+     * Selected date range which is being updated in handleDayClick and checked
+     * if within range/not disabled and then passed back to the client to update
+     * the state.
+     */
+    selectedDateRange?: DateRange;
+    /**
+     * String that is formatted by the client with our helper formatDateRangeValue
+     * and then passed into the button to display the readable range.
+     */
+    value?: string;
+    /**
+     * Accepts a DayOfWeek value to start the week on that day. By default,
+     * it's set to Monday.
+     */
+    weekStartsOn?: LegacyCalendarRangeProps["weekStartsOn"];
+    /**
+     * Accepts a date to display that month on first render.
+     */
+    defaultMonth?: LegacyCalendarRangeProps["defaultMonth"];
+    /**
+     * Event passed from consumer to handle the date on change.
+     */
+    onChange: (dateRange: DateRange) => void;
+} & DisabledDayMatchers;
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082094237/Date+Range+Picker Guidance} |
+ * {@link https://cultureamp.design/storybook/?path=/docs/components-date-controls-daterangepicker--docs Storybook}
+ */
+export declare const DateRangePicker: {
+    ({ id: propsId, buttonRef, description: _description, labelText, isDisabled, classNameOverride, disabledDates, disabledDaysOfWeek, disabledRange, disabledBeforeAfter, disabledBefore, disabledAfter, weekStartsOn, defaultMonth, selectedDateRange, value, onChange, ...inputProps }: DateRangePickerProps): JSX.Element;
+    displayName: string;
+};

package/dist/esm/dts/DateRangePicker/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./DateRangePicker";
+export * from "./utils/formatDateRangeValue";

package/dist/esm/dts/DateRangePicker/utils/formatDateRangeValue.d.ts

@@ -0,0 +1,2 @@
+import { DateRange } from "../../Calendar";
+export declare const formatDateRangeValue: (dateRange: DateRange) => string;

package/dist/esm/dts/FilterDatePicker/hooks/useDateInputHandlers.d.ts

@@ -1,5 +1,5 @@
-import { DateInputProps } from "@kaizen/date-picker";
-import { DisabledDays } from "../../types/DatePicker";
+import { DisabledDays } from "../../Calendar";
+import { DateInputProps } from "../../DateInput";
 type UseDateInputHandlersArgs = {
     locale: Locale;
     disabledDays?: DisabledDays;

package/dist/esm/dts/FilterDatePicker/hooks/useDateValidation.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { DisabledDays } from "../../types/DatePicker";
+import { DisabledDays } from "../../Calendar";
 import { ValidationMessage, DateValidationResponse } from "../types";
 import { validateDate } from "../utils/validateDate";
 export type UseDateValidationArgs = {

package/dist/esm/dts/FilterDatePicker/subcomponents/DateInputField/DateInputField.d.ts

@@ -1,6 +1,5 @@
 import React from "react";
-import { DateInputProps } from "@kaizen/date-picker";
-import { DateInputDescriptionProps } from "../../../FilterDateRangePicker/subcomponents/DateInputDescription";
+import { DateInputProps, DateInputDescriptionProps } from "../../../DateInput";
 import { ValidationMessage } from "../../types";
 export type DateInputFieldProps = {
     id: string;

package/dist/esm/dts/FilterDatePicker/subcomponents/FilterDatePickerField/FilterDatePickerField.d.ts

@@ -1,16 +1,16 @@
 import { HTMLAttributes } from "react";
-import { CalendarSingleProps } from "@kaizen/date-picker";
+import { CalendarSingleProps, DisabledDays } from "../../../Calendar";
+import { DateInputDescriptionProps } from "../../../DateInput";
+import { DatePickerSupportedLocales } from "../../../DatePicker/utils/getLocale";
 import { FilterProps } from "../../../Filter";
-import { DateInputDescriptionProps } from "../../../FilterDateRangePicker/subcomponents/DateInputDescription";
 import { DataAttributes } from "../../../types/DataAttributes";
-import { DisabledDays, FilterDateSupportedLocales } from "../../../types/DatePicker";
 import { OverrideClassName } from "../../../types/OverrideClassName";
 import { DateValidationResponse, ValidationMessage } from "../../types";
 import { DateInputFieldProps } from "../DateInputField";
 type FilterInputProps<InputProps> = Omit<Partial<InputProps>, "value"> & DataAttributes;
 export type FilterDatePickerFieldProps = {
     id?: string;
-    locale: FilterDateSupportedLocales;
+    locale: DatePickerSupportedLocales;
     /**
      * Sets first displayed month to month of provided date if there isn't a date set.
      */

package/dist/esm/dts/FilterDatePicker/types.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { FieldMessageStatus } from "@kaizen/draft-form";
+import { FieldMessageStatus } from "../FieldMessage";
 export type DateValidationResponse = {
     date: Date | undefined;
     inputValue: string | undefined;

package/dist/esm/dts/FilterDatePicker/utils/transformDateToInputValue.d.ts

@@ -1,2 +1,2 @@
-import { DisabledDays } from "@kaizen/date-picker";
+import { DisabledDays } from "../../Calendar";
 export declare const transformDateToInputValue: (date: Date | undefined, disabledDays: DisabledDays, locale: Locale) => string;

package/dist/esm/dts/FilterDatePicker/utils/validateDate.d.ts

@@ -1,4 +1,4 @@
-import { ValidateDateArgs } from "@kaizen/date-picker/src/utils/validateDate";
+import { ValidateDateArgs } from "../../DatePicker/utils/validateDate";
 import { DateValidationResponse } from "../types";
 export type ValidateDateResponse = {
     validationResponse: DateValidationResponse;

package/dist/esm/dts/FilterDateRangePicker/subcomponents/DateRangeInputField/DateRangeInputField.d.ts

@@ -1,7 +1,6 @@
 import React, { HTMLAttributes } from "react";
-import { DateInputProps } from "@kaizen/date-picker/src/_subcomponents/DateInput";
+import { DateInputDescriptionProps, DateInputProps } from "../../../DateInput";
 import { OverrideClassName } from "../../../types/OverrideClassName";
-import { DateInputDescriptionProps } from "../DateInputDescription";
 import { DateRangeValidationMessageProps } from "../DateRangeValidationMessage";
 export type DateRangeInputFieldProps = {
     id: string;