@konstructio/ui 0.1.2-alpha.8 → 0.1.2-alpha.81

package/dist/lib/components/DateRangePicker/components/CalendarPanel/CalendarPanel.types.d.ts

@@ -0,0 +1,79 @@
+export type CalendarPanelClassNames = {
+    /** Root container */
+    root?: string;
+    /** Navigation bar container */
+    navigation?: string;
+    /** Navigation group (contains prev button + month title + next button) */
+    navGroup?: string;
+    /** Navigation buttons */
+    navButton?: string;
+    /** Disabled navigation buttons */
+    navButtonDisabled?: string;
+    /** Month title text */
+    monthTitle?: string;
+    /** Divider line between month header and calendar grid */
+    divider?: string;
+    /** Calendar grids container */
+    gridContainer?: string;
+    /** Individual calendar grid */
+    grid?: string;
+    /** Day picker specific class names */
+    dayPicker?: DayPickerClassNames;
+};
+/** Class names for DayPicker calendar elements */
+export type DayPickerClassNames = {
+    /** Root container of the day picker */
+    root?: string;
+    /** Months container */
+    months?: string;
+    /** Individual month container */
+    month?: string;
+    /** Calendar table */
+    table?: string;
+    /** Table head with weekday names */
+    weekdays?: string;
+    /** Individual weekday header cell */
+    weekday?: string;
+    /** Table body with weeks */
+    weeks?: string;
+    /** Individual day cell */
+    day?: string;
+    /** Day button inside each cell */
+    dayButton?: string;
+    /** Selected day(s) */
+    selected?: string;
+    /** Start of the selected range */
+    rangeStart?: string;
+    /** End of the selected range */
+    rangeEnd?: string;
+    /** Days between range start and end */
+    rangeMiddle?: string;
+    /** Today's date */
+    today?: string;
+    /** Disabled days */
+    disabled?: string;
+    /** Days outside the current month */
+    outside?: string;
+};
+export type CalendarPanelProps = {
+    className?: string;
+    /** Width of the calendar panel in pixels (default: 550) */
+    calendarWidth?: number;
+    /** Aria label for the calendar container (default: 'Date range picker calendar') */
+    ariaLabelCalendar?: string;
+    /** Aria label for previous month button in together mode (default: 'Previous month') */
+    ariaLabelPrevMonth?: string;
+    /** Aria label for next month button in together mode (default: 'Next month') */
+    ariaLabelNextMonth?: string;
+    /** Aria label for previous month button for start date in independent mode (default: 'Previous month for start date') */
+    ariaLabelPrevMonthStart?: string;
+    /** Aria label for next month button for start date in independent mode (default: 'Next month for start date') */
+    ariaLabelNextMonthStart?: string;
+    /** Aria label for previous month button for end date in independent mode (default: 'Previous month for end date') */
+    ariaLabelPrevMonthEnd?: string;
+    /** Aria label for next month button for end date in independent mode (default: 'Next month for end date') */
+    ariaLabelNextMonthEnd?: string;
+    /** Custom class names for styling */
+    classNames?: CalendarPanelClassNames;
+};
+export type SlideDirection = 'left' | 'right' | null;

package/dist/lib/components/DateRangePicker/components/CalendarPanel/CalendarPanel.variants.d.ts

@@ -0,0 +1,8 @@
+export declare const calendarPanelVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const calendarNavigationVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const calendarNavGroupVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const calendarNavButtonVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const calendarNavButtonDisabledVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const calendarMonthTitleVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const calendarGridContainerVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const calendarGridVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;

package/dist/lib/components/DateRangePicker/components/CalendarPanel/components/CalendarDivider/CalendarDivider.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { Props } from './CalendarDivider.types';
+export declare const CalendarDivider: FC<Props>;

package/dist/lib/components/DateRangePicker/components/CalendarPanel/components/CalendarDivider/CalendarDivider.types.d.ts

@@ -0,0 +1,3 @@
+export type Props = {
+    className?: string;
+};

package/dist/lib/components/DateRangePicker/components/CalendarPanel/components/CalendarMonth/CalendarMonth.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { Props } from './CalendarMonth.types';
+export declare const CalendarMonth: FC<Props>;

package/dist/lib/components/DateRangePicker/components/CalendarPanel/components/CalendarMonth/CalendarMonth.types.d.ts

@@ -0,0 +1,17 @@
+import { DateRange, Matcher } from 'react-day-picker';
+import { DayPickerClassNames } from '../../CalendarPanel.types';
+export type Props = {
+    month: Date;
+    range: {
+        from?: Date;
+        to?: Date;
+    };
+    onRangeSelect: (range: DateRange | undefined) => void;
+    disabled?: boolean;
+    disabledMatcher?: Matcher | Matcher[];
+    showOutsideDays?: boolean;
+    classNames?: {
+        monthTitle?: string;
+        dayPicker?: DayPickerClassNames;
+    };
+};

package/dist/lib/components/DateRangePicker/components/CalendarPanel/components/IndependentModeCalendar/IndependentModeCalendar.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { Props } from './IndependentModeCalendar.types';
+export declare const IndependentModeCalendar: FC<Props>;

package/dist/lib/components/DateRangePicker/components/CalendarPanel/components/IndependentModeCalendar/IndependentModeCalendar.types.d.ts

@@ -0,0 +1,34 @@
+import { Matcher } from 'react-day-picker';
+import { CalendarPanelClassNames } from '../../CalendarPanel.types';
+import { UseIndependentCarouselProps } from '../../hooks';
+export type Props = {
+    className?: string;
+    calendarWidth?: number;
+    ariaLabelCalendar?: string;
+    ariaLabelPrevMonthStart?: string;
+    ariaLabelNextMonthStart?: string;
+    ariaLabelPrevMonthEnd?: string;
+    ariaLabelNextMonthEnd?: string;
+    classNames?: CalendarPanelClassNames;
+    range: {
+        from?: Date;
+        to?: Date;
+    };
+    onRangeSelect: (range: {
+        from?: Date;
+        to?: Date;
+    }) => void;
+    disabled?: boolean;
+    disabledMatcher?: Matcher | Matcher[];
+    showOutsideDays?: boolean;
+    hideDisabledNavigation?: boolean;
+    canLeftNavigatePrev: boolean;
+    canLeftNavigateNext: boolean;
+    canRightNavigatePrev: boolean;
+    canRightNavigateNext: boolean;
+    navigateLeftPrev: () => void;
+    navigateLeftNext: () => void;
+    navigateRightPrev: () => void;
+    navigateRightNext: () => void;
+    carouselProps: UseIndependentCarouselProps;
+};

package/dist/lib/components/DateRangePicker/components/CalendarPanel/components/NavigationButton/NavigationButton.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { Props } from './NavigationButton.types';
+export declare const NavigationButton: FC<Props>;

package/dist/lib/components/DateRangePicker/components/CalendarPanel/components/NavigationButton/NavigationButton.types.d.ts

@@ -0,0 +1,12 @@
+export type Props = {
+    direction: 'prev' | 'next';
+    onClick: () => void;
+    disabled?: boolean;
+    isAnimating?: boolean;
+    canNavigate?: boolean;
+    hideWhenDisabled?: boolean;
+    className?: string;
+    disabledClassName?: string;
+    ariaLabel: string;
+    size?: 'small' | 'medium';
+};

package/dist/lib/components/DateRangePicker/components/CalendarPanel/components/TogetherModeCalendar/TogetherModeCalendar.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { Props } from './TogetherModeCalendar.types';
+export declare const TogetherModeCalendar: FC<Props>;

package/dist/lib/components/DateRangePicker/components/CalendarPanel/components/TogetherModeCalendar/TogetherModeCalendar.types.d.ts

@@ -0,0 +1,26 @@
+import { Matcher } from 'react-day-picker';
+import { CalendarPanelClassNames } from '../../CalendarPanel.types';
+import { UseTogetherCarouselProps } from '../../hooks';
+export type Props = {
+    className?: string;
+    calendarWidth?: number;
+    ariaLabelCalendar?: string;
+    ariaLabelPrevMonth?: string;
+    ariaLabelNextMonth?: string;
+    classNames?: CalendarPanelClassNames;
+    range: {
+        from?: Date;
+        to?: Date;
+    };
+    onRangeSelect: (range: {
+        from?: Date;
+        to?: Date;
+    }) => void;
+    disabled?: boolean;
+    disabledMatcher?: Matcher | Matcher[];
+    showOutsideDays?: boolean;
+    hideDisabledNavigation?: boolean;
+    canNavigatePrev: boolean;
+    canNavigateNext: boolean;
+    carouselProps: UseTogetherCarouselProps;
+};

package/dist/lib/components/DateRangePicker/components/CalendarPanel/components/index.d.ts

@@ -0,0 +1,5 @@
+export { CalendarDivider } from './CalendarDivider/CalendarDivider';
+export { CalendarMonth } from './CalendarMonth/CalendarMonth';
+export { IndependentModeCalendar } from './IndependentModeCalendar/IndependentModeCalendar';
+export { NavigationButton } from './NavigationButton/NavigationButton';
+export { TogetherModeCalendar } from './TogetherModeCalendar/TogetherModeCalendar';

package/dist/lib/components/DateRangePicker/components/CalendarPanel/constants/dayPickerClassNames.d.ts

@@ -0,0 +1,22 @@
+import { DayPickerClassNames } from '../CalendarPanel.types';
+export declare const createDayPickerClassNames: (custom?: DayPickerClassNames) => {
+    root: string;
+    months: string;
+    month: string;
+    month_caption: string;
+    nav: string;
+    day_button: string;
+    day: string;
+    selected: string;
+    range_start: string;
+    range_end: string;
+    range_middle: string;
+    table: string;
+    weekdays: string;
+    weeks: string;
+    weekday: string;
+    today: string;
+    month_grid: string;
+    disabled: string;
+    outside: string;
+};

package/dist/lib/components/DateRangePicker/components/CalendarPanel/constants/index.d.ts

@@ -0,0 +1,8 @@
+export declare const SINGLE_MONTH_WIDTH = 259;
+export declare const GAP_WIDTH = 32;
+export declare const MS_PER_MONTH: number;
+export declare const MONTH_HEADER_HEIGHT = 56;
+export declare const WEEKDAY_HEADER_HEIGHT = 28;
+export declare const WEEK_ROW_HEIGHT = 38;
+export { createDayPickerClassNames } from './dayPickerClassNames';
+export { getMonthName } from '../../../utils';

package/dist/lib/components/DateRangePicker/components/CalendarPanel/hooks/index.d.ts

@@ -0,0 +1,4 @@
+export * from '../constants';
+export * from '../utils';
+export * from './useTogetherCarousel';
+export * from './useIndependentCarousel';

package/dist/lib/components/DateRangePicker/components/CalendarPanel/hooks/useIndependentCarousel.d.ts

@@ -0,0 +1,24 @@
+export type UseIndependentCarouselProps = {
+    displayedMonths: [Date, Date];
+    animationDuration: number;
+    navigationMode: 'together' | 'independent';
+};
+export declare const useIndependentCarousel: ({ displayedMonths, animationDuration, navigationMode, }: UseIndependentCarouselProps) => {
+    leftInternalMonth: Date;
+    leftPrevMonth: Date;
+    leftNextMonth: Date;
+    leftCarouselRef: import('react').RefObject<HTMLDivElement | null>;
+    isLeftAnimating: boolean;
+    enableLeftTransition: boolean;
+    leftAnimateTransform: boolean;
+    getLeftTransform: () => string;
+    rightInternalMonth: Date;
+    rightPrevMonth: Date;
+    rightNextMonth: Date;
+    rightCarouselRef: import('react').RefObject<HTMLDivElement | null>;
+    isRightAnimating: boolean;
+    enableRightTransition: boolean;
+    rightAnimateTransform: boolean;
+    getRightTransform: () => string;
+    calendarHeight: number;
+};

package/dist/lib/components/DateRangePicker/components/CalendarPanel/hooks/useTogetherCarousel.d.ts

@@ -0,0 +1,22 @@
+export type UseTogetherCarouselProps = {
+    displayedMonths: [Date, Date];
+    animationDuration: number;
+    disabled: boolean;
+    canNavigatePrev: boolean;
+    canNavigateNext: boolean;
+    navigationMode: 'together' | 'independent';
+    navigatePrevMonth: () => void;
+    navigateNextMonth: () => void;
+};
+export declare const useTogetherCarousel: ({ displayedMonths, animationDuration, disabled, canNavigatePrev, canNavigateNext, navigationMode, navigatePrevMonth, navigateNextMonth, }: UseTogetherCarouselProps) => {
+    carouselRef: import('react').RefObject<HTMLDivElement | null>;
+    isAnimating: boolean;
+    enableTransition: boolean;
+    animateTransform: boolean;
+    calendarHeight: number;
+    carouselTotalWidth: number;
+    monthsToRender: Date[];
+    handlePrevMonth: () => void;
+    handleNextMonth: () => void;
+    getTransform: () => string;
+};

package/dist/lib/components/DateRangePicker/components/CalendarPanel/utils/index.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Calculate the number of weeks displayed in a calendar month view.
+ */
+export declare const getWeeksInMonth: (date: Date) => number;
+/**
+ * Calculate the calendar content height based on the number of weeks.
+ */
+export declare const calculateCalendarHeight: (weeks: number) => number;
+/**
+ * Get the previous month from a given date.
+ */
+export declare const getPrevMonth: (date: Date) => Date;
+/**
+ * Get the next month from a given date.
+ */
+export declare const getNextMonth: (date: Date) => Date;

package/dist/lib/components/DateRangePicker/components/DateTimeInputs/DateTimeInputs.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { DateTimeInputsProps } from './DateTimeInputs.types';
+export declare const DateTimeInputs: FC<DateTimeInputsProps>;

package/dist/lib/components/DateRangePicker/components/DateTimeInputs/DateTimeInputs.types.d.ts

@@ -0,0 +1,37 @@
+export type DateTimeInputsClassNames = {
+    /** Root container */
+    root?: string;
+    /** Start/End date group wrapper */
+    group?: string;
+    /** Date input wrapper (contains label + input) */
+    dateWrapper?: string;
+    /** Time input wrapper (contains label + TimePicker) */
+    timeWrapper?: string;
+    /** Labels for inputs */
+    label?: string;
+    /** Date input field */
+    input?: string;
+};
+export type DateTimeInputsProps = {
+    className?: string;
+    /** Label for start date input (default: 'Start date') */
+    labelStartDate?: string;
+    /** Label for end date input (default: 'End date') */
+    labelEndDate?: string;
+    /** Label for time inputs (default: 'Time') */
+    labelTime?: string;
+    /** Aria label for start date input (default: 'Start date') */
+    ariaLabelStartDate?: string;
+    /** Aria label for end date input (default: 'End date') */
+    ariaLabelEndDate?: string;
+    /** Error message for invalid date format (default: 'Invalid date') */
+    errorInvalidDate?: string;
+    /** Error message for unavailable date (default: 'Date is not available') */
+    errorDateNotAvailable?: string;
+    /** Error message when start date is after end date (default: 'Start date must be before end date') */
+    errorStartAfterEnd?: string;
+    /** Error message when end date is before start date (default: 'End date must be after start date') */
+    errorEndBeforeStart?: string;
+    /** Custom class names for styling */
+    classNames?: DateTimeInputsClassNames;
+};

package/dist/lib/components/DateRangePicker/components/DateTimeInputs/DateTimeInputs.variants.d.ts

@@ -0,0 +1,5 @@
+export declare const dateTimeInputsVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const dateTimeGroupVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const dateInputWrapperVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const timeInputWrapperVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const inputLabelVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;

package/dist/lib/components/DateRangePicker/components/DateTimeInputs/components/EndInputFields/EndInputFields.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { Props } from './EndInputFields.types';
+export declare const EndInputFields: FC<Props>;

package/dist/lib/components/DateRangePicker/components/DateTimeInputs/components/EndInputFields/EndInputFields.types.d.ts

@@ -0,0 +1,23 @@
+import { ChangeEvent, FocusEvent } from 'react';
+export type Props = {
+    dateValue: string;
+    timeValue?: Date;
+    error?: string;
+    disabled?: boolean;
+    showTime?: boolean;
+    timeFormat?: '12' | '24';
+    labelDate?: string;
+    labelTime?: string;
+    ariaLabelDate?: string;
+    onDateChange: (e: ChangeEvent<HTMLInputElement>) => void;
+    onDateFocus: () => void;
+    onDateBlur: (e: FocusEvent<HTMLInputElement>) => void;
+    onTimeChange: (time: Date) => void;
+    classNames?: {
+        group?: string;
+        dateWrapper?: string;
+        timeWrapper?: string;
+        label?: string;
+        input?: string;
+    };
+};

package/dist/lib/components/DateRangePicker/components/DateTimeInputs/components/StartInputFields/StartInputFields.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { Props } from './StartInputFields.types';
+export declare const StartInputFields: FC<Props>;

package/dist/lib/components/DateRangePicker/components/DateTimeInputs/components/StartInputFields/StartInputFields.types.d.ts

@@ -0,0 +1,23 @@
+import { ChangeEvent, FocusEvent } from 'react';
+export type Props = {
+    dateValue: string;
+    timeValue?: Date;
+    error?: string;
+    disabled?: boolean;
+    showTime?: boolean;
+    timeFormat?: '12' | '24';
+    labelDate?: string;
+    labelTime?: string;
+    ariaLabelDate?: string;
+    onDateChange: (e: ChangeEvent<HTMLInputElement>) => void;
+    onDateFocus: () => void;
+    onDateBlur: (e: FocusEvent<HTMLInputElement>) => void;
+    onTimeChange: (time: Date) => void;
+    classNames?: {
+        group?: string;
+        dateWrapper?: string;
+        timeWrapper?: string;
+        label?: string;
+        input?: string;
+    };
+};

package/dist/lib/components/DateRangePicker/components/DateTimeInputs/components/index.d.ts

@@ -0,0 +1,2 @@
+export { EndInputFields } from './EndInputFields/EndInputFields';
+export { StartInputFields } from './StartInputFields/StartInputFields';

package/dist/lib/components/DateRangePicker/components/DateTimeInputs/hooks/index.d.ts

@@ -0,0 +1 @@
+export { useDateTimeInputs } from './useDateTimeInputs';

package/dist/lib/components/DateRangePicker/components/DateTimeInputs/hooks/useDateTimeInputs.d.ts

@@ -0,0 +1,29 @@
+import { ChangeEvent, FocusEvent } from 'react';
+type UseDateTimeInputsProps = {
+    errorInvalidDate: string;
+    errorDateNotAvailable: string;
+    errorStartAfterEnd: string;
+    errorEndBeforeStart: string;
+};
+export declare const useDateTimeInputs: ({ errorInvalidDate, errorDateNotAvailable, errorStartAfterEnd, errorEndBeforeStart, }: UseDateTimeInputsProps) => {
+    timeFormat: "24" | "12";
+    showTime: boolean;
+    name: string | undefined;
+    disabled: boolean;
+    time: import('../../../DateRangePicker.types').TimeRange;
+    startDateValue: string;
+    startDateError: string | undefined;
+    handleStartDateFocus: () => void;
+    handleStartDateChange: (e: ChangeEvent<HTMLInputElement>) => void;
+    handleStartDateBlur: (e: FocusEvent<HTMLInputElement>) => void;
+    handleStartTimeChange: (newTime: Date) => void;
+    endDateValue: string;
+    endDateError: string | undefined;
+    handleEndDateFocus: () => void;
+    handleEndDateChange: (e: ChangeEvent<HTMLInputElement>) => void;
+    handleEndDateBlur: (e: FocusEvent<HTMLInputElement>) => void;
+    handleEndTimeChange: (newTime: Date) => void;
+    startHiddenValue: string;
+    endHiddenValue: string;
+};
+export {};

package/dist/lib/components/DateRangePicker/components/PresetPanel/PresetPanel.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { PresetPanelProps } from './PresetPanel.types';
+export declare const PresetPanel: FC<PresetPanelProps>;

package/dist/lib/components/DateRangePicker/components/PresetPanel/PresetPanel.types.d.ts

@@ -0,0 +1,31 @@
+export type PresetLabels = {
+    /** Label for 'Today' preset (default: 'Today') */
+    today?: string;
+    /** Label for 'Current month' preset (default: 'Current month') */
+    currentMonth?: string;
+    /** Label for 'Custom' preset (default: 'Custom') */
+    custom?: string;
+    /** Label for 'Last 7 days' preset (default: 'Last 7 days') */
+    last7Days?: string;
+    /** Label for 'Last 2 weeks' preset (default: 'Last 2 weeks') */
+    last2Weeks?: string;
+};
+export type PresetPanelClassNames = {
+    /** Root container of the preset panel */
+    root?: string;
+    /** Title text */
+    title?: string;
+    /** RadioGroup wrapper */
+    radioGroup?: string;
+};
+export type PresetPanelProps = {
+    className?: string;
+    /** Title for the preset panel (default: 'Time period') */
+    labelTimePeriod?: string;
+    /** Aria label for the preset panel (default: 'Time period options') */
+    ariaLabelTimePeriod?: string;
+    /** Custom labels for preset options */
+    presetLabels?: PresetLabels;
+    /** Custom class names for styling */
+    classNames?: PresetPanelClassNames;
+};

package/dist/lib/components/DateRangePicker/components/PresetPanel/PresetPanel.variants.d.ts

@@ -0,0 +1,2 @@
+export declare const presetPanelVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const presetTitleVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;

package/dist/lib/components/DateRangePicker/components/index.d.ts

@@ -0,0 +1,3 @@
+export { PresetPanel } from './PresetPanel/PresetPanel';
+export { DateTimeInputs } from './DateTimeInputs/DateTimeInputs';
+export { CalendarPanel } from './CalendarPanel/CalendarPanel';

package/dist/lib/components/DateRangePicker/constants/index.d.ts

@@ -0,0 +1 @@
+export * from './presets';

package/dist/lib/components/DateRangePicker/constants/presets.d.ts

@@ -0,0 +1,6 @@
+import { DateRangePreset } from '../DateRangePicker.types';
+export type PresetOption = {
+    value: DateRangePreset;
+    label: string;
+};
+export declare const PRESET_OPTIONS: PresetOption[];

package/dist/lib/components/DateRangePicker/contexts/date-range-picker.context.d.ts

@@ -0,0 +1,81 @@
+export type DateRangePreset = 'today' | 'current-month' | 'custom' | 'last-7-days' | 'last-2-weeks';
+export type DateRange = {
+    from?: Date;
+    to?: Date;
+};
+export type TimeRange = {
+    startTime?: Date;
+    endTime?: Date;
+};
+export type DateRangeWithTime = DateRange & TimeRange;
+export type BlockedMonth = {
+    year: number;
+    month: number;
+};
+export type DateRangePickerContextValue = {
+    /** Current selected date range */
+    range: DateRange;
+    /** Current time values */
+    time: TimeRange;
+    /** Current active preset */
+    preset: DateRangePreset;
+    /** Currently displayed months [left, right] */
+    displayedMonths: [Date, Date];
+    /** Time format */
+    timeFormat: '12' | '24';
+    /** Whether to show time inputs */
+    showTime: boolean;
+    /** Form field name */
+    name?: string;
+    /** Disabled state */
+    disabled: boolean;
+    /** Animation duration in milliseconds */
+    animationDuration: number;
+    /** Specific days that cannot be selected */
+    blockedDays: Date[];
+    /** Months that cannot be selected */
+    blockedMonths: BlockedMonth[];
+    /** Minimum selectable date */
+    minDate?: Date;
+    /** Maximum selectable date */
+    maxDate?: Date;
+    /** Whether navigation to previous month is allowed */
+    canNavigatePrev: boolean;
+    /** Whether navigation to next month is allowed */
+    canNavigateNext: boolean;
+    /** Hide navigation arrows when disabled */
+    hideDisabledNavigation: boolean;
+    /** Show days from previous/next month */
+    showOutsideDays: boolean;
+    /** Navigation mode: 'together' or 'independent' */
+    navigationMode: 'together' | 'independent';
+    /** Whether left month can navigate to previous (independent mode) */
+    canLeftNavigatePrev: boolean;
+    /** Whether left month can navigate to next (independent mode) */
+    canLeftNavigateNext: boolean;
+    /** Whether right month can navigate to previous (independent mode) */
+    canRightNavigatePrev: boolean;
+    /** Whether right month can navigate to next (independent mode) */
+    canRightNavigateNext: boolean;
+    /** Set the date range */
+    setRange: (range: DateRange) => void;
+    /** Set the time range */
+    setTime: (time: TimeRange) => void;
+    /** Set the preset */
+    setPreset: (preset: DateRangePreset) => void;
+    /** Navigate to previous month (together mode) */
+    navigatePrevMonth: () => void;
+    /** Navigate to next month (together mode) */
+    navigateNextMonth: () => void;
+    /** Navigate left month to previous (independent mode) */
+    navigateLeftPrev: () => void;
+    /** Navigate left month to next (independent mode) */
+    navigateLeftNext: () => void;
+    /** Navigate right month to previous (independent mode) */
+    navigateRightPrev: () => void;
+    /** Navigate right month to next (independent mode) */
+    navigateRightNext: () => void;
+    /** Set displayed months directly */
+    setDisplayedMonths: (months: [Date, Date]) => void;
+};
+export declare const DateRangePickerContext: import('react').Context<DateRangePickerContextValue | null>;

package/dist/lib/components/DateRangePicker/contexts/date-range-picker.hook.d.ts

@@ -0,0 +1 @@
+export declare const useDateRangePicker: () => import('./date-range-picker.context').DateRangePickerContextValue;

package/dist/lib/components/DateRangePicker/contexts/date-range-picker.provider.d.ts

@@ -0,0 +1,24 @@
+import { FC, ReactNode } from 'react';
+import { BlockedMonth, DateRange, DateRangePreset, TimeRange } from './date-range-picker.context';
+interface DateRangePickerProviderProps {
+    children: ReactNode;
+    defaultRange?: DateRange;
+    defaultTime?: TimeRange;
+    defaultPreset?: DateRangePreset;
+    timeFormat?: '12' | '24';
+    showTime?: boolean;
+    name?: string;
+    disabled?: boolean;
+    animationDuration?: number;
+    blockedDays?: Date[];
+    blockedMonths?: BlockedMonth[];
+    minDate?: Date;
+    maxDate?: Date;
+    hideDisabledNavigation?: boolean;
+    showOutsideDays?: boolean;
+    navigationMode?: 'together' | 'independent';
+    onRangeChange?: (range: DateRange & TimeRange) => void;
+    onDateChange?: (range: DateRange) => void;
+}
+export declare const DateRangePickerProvider: FC<DateRangePickerProviderProps>;
+export {};

package/dist/lib/components/DateRangePicker/contexts/index.d.ts

@@ -0,0 +1,4 @@
+export { DateRangePickerContext } from './date-range-picker.context';
+export type { BlockedMonth, DateRange, DateRangePreset, DateRangeWithTime, TimeRange, } from './date-range-picker.context';
+export { useDateRangePicker } from './date-range-picker.hook';
+export { DateRangePickerProvider } from './date-range-picker.provider';