@salt-ds/lab 1.0.0-alpha.89 → 1.0.0-alpha.90

package/dist-types/calendar/useCalendarSelection.d.ts

@@ -1,365 +0,0 @@
-import type { DateFrameworkType, Timezone } from "@salt-ds/date-adapters";
-import type { KeyboardEventHandler, MouseEventHandler, SyntheticEvent } from "react";
-/**
- * Type representing a single date selection.
- * @template TDate - The type of the date object.
- */
-export type SingleDateSelection<TDate extends DateFrameworkType> = TDate;
-/**
- * Type representing a date range selection.
- * @template TDate - The type of the date object.
- */
-export type DateRangeSelection<TDate extends DateFrameworkType> = {
-    /**
-     * The start date of the range, or null if empty
-     */
-    startDate?: TDate | null;
-    /**
-     * The end date of the range, or null if empty
-     */
-    endDate?: TDate | null;
-};
-/**
- * Checks if a value is a date range selection.
- * @template TDate - The type of the date object.
- * @param value - The value to check.
- * @returns `true` if the value is a date range selection, otherwise `false`.
- */
-export declare function isDateRangeSelection<TDate extends DateFrameworkType>(value: any): value is DateRangeSelection<TDate>;
-/**
- * Base properties for calendar UseCalendarSelection hook.
- * @template TDate - The type of the date object.
- */
-export interface UseCalendarSelectionBaseProps<TDate extends DateFrameworkType> {
-    /**
-     * The currently focused date in the calendar, or null if no date is focused.
-     */
-    focusedDate?: TDate | null;
-    /**
-     * The currently hovered date.
-     */
-    hoveredDate?: TDate | null;
-    /**
-     * Determines if a date is outside the allowed date range.
-     * @param date - The date to check.
-     * @returns `true` if the date is outside the allowed range, otherwise `false`.
-     */
-    isOutsideAllowedDates?: (date: TDate) => boolean;
-    /**
-     * Function to determine if a day is selectable.
-     * @param date - The date to check.
-     * @returns `true` if the day is selectable, otherwise `false`.
-     */
-    isDaySelectable?: (date: TDate) => boolean;
-    /**
-     * Function to determine if a day is visible.
-     * @param date - The date to check.
-     * @returns `true` if the day is visible, otherwise `false`.
-     */
-    isDayVisible?: (date: TDate) => boolean;
-    /**
-     * Ref to attach to the focused element, enabling focus to be controlled.
-     */
-    focusedDateRef?: React.MutableRefObject<HTMLElement | null>;
-    /**
-     * Callback fired when the focused date changes.
-     * @param event - The synthetic event, if user event triggered focus or null.
-     * @param date - The new focused date.
-     */
-    onFocusedDateChange?: (event: SyntheticEvent | null, date: TDate | null) => void;
-    /**
-     * Callback fired when the hovered date changes.
-     * @param event - The synthetic event.
-     * @param hoveredDate - The new hovered date.
-     */
-    onHoveredDateChange?: (event: SyntheticEvent, hoveredDate: TDate | null) => void;
-    /**
-     * Specifies the timezone behavior:
-     * - If undefined, the timezone will be derived from the passed date, or from `defaultSelectedDate`/`selectedDate`.
-     * - If set to "default", the default timezone of the date library will be used.
-     * - If set to "system", the local system's timezone will be applied.
-     * - If set to "UTC", the time will be returned in UTC.
-     * - If set to a valid IANA timezone identifier, the time will be returned for that specific timezone.
-     */
-    timezone?: Timezone;
-    /**
-     * The currently visible month.
-     */
-    visibleMonth?: TDate;
-    /**
-     * If `true`, the calendar will be multiselect.
-     */
-    multiselect?: boolean;
-}
-/**
- * Properties for the single date selection hook.
- * @template TDate - The type of the date object.
- */
-export interface UseCalendarSelectionSingleProps<TDate extends DateFrameworkType> extends UseCalendarSelectionBaseProps<TDate> {
-    /**
-     * The selection variant, set to "single".
-     */
-    selectionVariant: "single";
-    /**
-     * The currently selected date.
-     */
-    selectedDate?: SingleDateSelection<TDate> | null;
-    /**
-     * The default selected date.
-     */
-    defaultSelectedDate?: SingleDateSelection<TDate> | null;
-    /**
-     * Callback fired when the selected date changes.
-     * @param event - The synthetic event.
-     * @param selectedDate - The new selected date.
-     */
-    onSelectionChange?: (event: SyntheticEvent, selectedDate: SingleDateSelection<TDate> | null) => void;
-    /**
-     * A pure function to manage the selected date for uncontrolled use-cases.
-     * Return the selection based on the previous selection and the new date.
-     * @param previousSelectedDate
-     * @param newDate
-     */
-    select?: (previousSelectedDate: SingleDateSelection<TDate> | null, newDate: SingleDateSelection<TDate> | null) => SingleDateSelection<TDate> | null;
-}
-/**
- * Properties for the single date selection hook.
- * @template TDate - The type of the date object.
- */
-export interface UseCalendarSelectionMultiselectSingleProps<TDate extends DateFrameworkType> extends UseCalendarSelectionBaseProps<TDate> {
-    /**
-     * The selection variant, set to "single".
-     */
-    selectionVariant: "single";
-    /**
-     * Multiple selection
-     */
-    multiselect: true;
-    /**
-     * The currently selected date.
-     */
-    selectedDate?: Array<SingleDateSelection<TDate>>;
-    /**
-     * The default selected date.
-     */
-    defaultSelectedDate?: Array<SingleDateSelection<TDate>>;
-    /**
-     * Callback fired when the selected date changes.
-     * @param event - The synthetic event.
-     * @param selectedDate - The new selected date.
-     */
-    onSelectionChange?: (event: SyntheticEvent, selectedDate: Array<SingleDateSelection<TDate>>) => void;
-    /**
-     * A pure function to manage the selected date for uncontrolled use-cases.
-     * Return the selection based on the previous selection and the new date.
-     * @param previousSelectedDate
-     @param newDate
-     */
-    select?: (previousSelectedDate: Array<SingleDateSelection<TDate>>, newDate: TDate) => Array<SingleDateSelection<TDate>>;
-}
-/**
- * UseCalendar hook props to return a calendar day's status for single date range selection.
- * @template TDate - The type of the date object.
- */
-export interface UseCalendarSelectionRangeProps<TDate extends DateFrameworkType> extends UseCalendarSelectionBaseProps<TDate> {
-    /**
-     * The selection variant, set to "range".
-     */
-    selectionVariant: "range";
-    /**
-     * The currently selected date.
-     */
-    selectedDate?: DateRangeSelection<TDate>;
-    /**
-     * The default selected date.
-     */
-    defaultSelectedDate?: DateRangeSelection<TDate>;
-    /**
-     * Callback fired when the selected date changes.
-     * @param event - The synthetic event.
-     * @param selectedDate - The new selected date.
-     */
-    onSelectionChange?: (event: SyntheticEvent, selectedDate: DateRangeSelection<TDate>) => void;
-    /**
-     * A pure function to manage the selected date for uncontrolled use-cases.
-     * Return the selection based on the previous selection and the new date.
-     * @param previousSelectedDate
-     * @param newDate
-     */
-    select?: (previousSelectedDate: DateRangeSelection<TDate>, newDate: TDate) => DateRangeSelection<TDate>;
-}
-/**
- * UseCalendar hook props to return a calendar day's status for multiselect date range selection.
- * @template TDate - The type of the date object.
- */
-export interface UseCalendarSelectionMultiselectRangeProps<TDate extends DateFrameworkType> extends UseCalendarSelectionBaseProps<TDate> {
-    /**
-     * The selection variant, set to "range".
-     */
-    selectionVariant: "range";
-    /**
-     * Multiple selection
-     */
-    multiselect: true;
-    /**
-     * The currently selected date.
-     */
-    selectedDate?: Array<DateRangeSelection<TDate>>;
-    /**
-     * The default selected date.
-     */
-    defaultSelectedDate?: Array<DateRangeSelection<TDate>>;
-    /**
-     * Callback fired when the selected date changes.
-     * @param event - The synthetic event.
-     * @param selectedDate - The new selected date.
-     */
-    onSelectionChange?: (event: SyntheticEvent, selectedDate: Array<DateRangeSelection<TDate>>) => void;
-    /**
-     * A pure function to manage the selected date for uncontrolled use-cases.
-     * Return the selection based on the previous selection and the new date.
-     * @param previousSelectedDate
-     * @param newDate
-     */
-    select?: (previousSelectedDate: Array<DateRangeSelection<TDate>>, newDate: TDate) => Array<DateRangeSelection<TDate>>;
-}
-/**
- * UseCalendar hook props to return a calendar day's status for single offset selection.
- * @template TDate - The type of the date object.
- */
-export interface UseCalendarSelectionOffsetProps<TDate extends DateFrameworkType> extends UseCalendarSelectionBaseProps<TDate> {
-    /**
-     * The selection variant, set to "offset".
-     */
-    selectionVariant: "offset";
-    /**
-     * The currently selected date.
-     */
-    selectedDate?: DateRangeSelection<TDate>;
-    /**
-     * The default selected date.
-     */
-    defaultSelectedDate?: DateRangeSelection<TDate>;
-    /**
-     * Callback fired when the selected date changes.
-     * @param event - The synthetic event.
-     * @param selectedDate - The new selected date.
-     */
-    onSelectionChange?: (event: SyntheticEvent, selectedDate: DateRangeSelection<TDate>) => void;
-    /**
-     * A pure function to manage the selected date for uncontrolled use-cases.
-     * Return the selection based on the previous selection and the new date.
-     * @param previousSelectedDate
-     * @param newDate
-     */
-    select?: (previousSelectedDate: DateRangeSelection<TDate>, newDate: TDate) => DateRangeSelection<TDate>;
-    /**
-     * Function to calculate the start date offset.
-     * @param date - The date to offset.
-     * @returns The offset start date.
-     */
-    startDateOffset?: (date: TDate) => TDate;
-    /**
-     * Function to calculate the end date offset.
-     * @param date - The date to offset.
-     * @returns The offset end date.
-     */
-    endDateOffset?: (date: TDate) => TDate;
-}
-/**
- * UseCalendar hook props to return a calendar day's status for multiselect offset selection.
- * @template TDate - The type of the date object.
- */
-export interface UseCalendarSelectionMultiselectOffsetProps<TDate extends DateFrameworkType> extends UseCalendarSelectionBaseProps<TDate> {
-    /**
-     * The selection variant, set to "offset".
-     */
-    selectionVariant: "offset";
-    /**
-     * Multiple selection
-     */
-    multiselect: true;
-    /**
-     * The currently selected date.
-     */
-    selectedDate?: Array<DateRangeSelection<TDate>>;
-    /**
-     * The default selected date.
-     */
-    defaultSelectedDate?: Array<DateRangeSelection<TDate>>;
-    /**
-     * Callback fired when the selected date changes.
-     * @param event - The synthetic event.
-     * @param selectedDate - The new selected date.
-     */
-    onSelectionChange?: (event: SyntheticEvent, selectedDate: Array<DateRangeSelection<TDate>>) => void;
-    /**
-     * A pure function to manage the selected date for uncontrolled use-cases.
-     * Return the selection based on the previous selection and the new date.
-     * @param previousSelectedDat
-     * @param newDate
-     */
-    select?: (previousSelectedDate: Array<DateRangeSelection<TDate>>, newDate: TDate) => Array<DateRangeSelection<TDate>>;
-    /**
-     * Function to calculate the start date offset.
-     * @param date - The date to offset.
-     * @returns The offset start date.
-     */
-    startDateOffset?: (date: TDate) => TDate;
-    /**
-     * Function to calculate the end date offset.
-     * @param date - The date to offset.
-     * @returns The offset end date.
-     */
-    endDateOffset?: (date: TDate) => TDate;
-}
-/**
- * UseCalendarSelection hook props, wth the selection variant determining the return type of the date selection
- * @template TDate - The type of the date object.
- */
-export type UseCalendarSelectionProps<TDate extends DateFrameworkType> = UseCalendarSelectionSingleProps<TDate> | UseCalendarSelectionMultiselectSingleProps<TDate> | UseCalendarSelectionRangeProps<TDate> | UseCalendarSelectionMultiselectRangeProps<TDate> | UseCalendarSelectionOffsetProps<TDate> | UseCalendarSelectionMultiselectOffsetProps<TDate>;
-export declare function useCalendarSelection<TDate extends DateFrameworkType>(props: UseCalendarSelectionProps<TDate>): {
-    state: {
-        focusedDate: TDate | null;
-        focusedDateRef: import("react").MutableRefObject<HTMLElement | null> | undefined;
-        hoveredDate: TDate | null | undefined;
-        selectedDate: TDate | TDate[] | DateRangeSelection<TDate> | DateRangeSelection<TDate>[] | null | undefined;
-        focusableDates: TDate[];
-    };
-    helpers: {
-        isHovered: (date: TDate) => boolean;
-        isSelected: (date: TDate) => boolean;
-        setHoveredDate: (event: SyntheticEvent, date: TDate | null) => void;
-        isSameDay: (date: TDate) => boolean;
-        setSelectedDate: (event: SyntheticEvent<HTMLButtonElement>, newSelectedDate: TDate) => void;
-        isSelectedStart: (date: TDate) => boolean;
-        isSelectedSpan: (date: TDate) => boolean;
-        isSelectedEnd: (date: TDate) => boolean;
-        isHoveredStart: (date: TDate) => boolean | null | undefined;
-        isHoveredSpan: (date: TDate) => boolean;
-        isHoveredEnd: (date: TDate) => boolean;
-        isDaySelectable: (date: TDate) => boolean;
-        setFocusedDate: (event: SyntheticEvent | null, date: TDate | null) => void;
-    };
-};
-export declare function useCalendarSelectionDay<TDate extends DateFrameworkType>({ date, }: {
-    date: TDate;
-}): {
-    handleClick: MouseEventHandler<HTMLButtonElement>;
-    handleKeyDown: KeyboardEventHandler<HTMLButtonElement>;
-    status: {
-        hovered: boolean;
-        selected: boolean;
-        selectedStart: boolean;
-        selectedSpan: boolean;
-        selectedEnd: boolean;
-        hoveredStart: boolean;
-        hoveredSpan: boolean;
-        hoveredEnd: boolean;
-    };
-    dayProps: {
-        className: string;
-        "aria-pressed": string | undefined;
-        "aria-disabled": string | undefined;
-    };
-};

package/dist-types/date-input/DateInputRange.d.ts

@@ -1,136 +0,0 @@
-import { type InputProps } from "@salt-ds/core";
-import type { DateDetail, DateFrameworkType, ParserResult, Timezone } from "@salt-ds/date-adapters";
-import { type ChangeEvent, type ComponentPropsWithoutRef, type InputHTMLAttributes, type ReactNode, type Ref, type SyntheticEvent } from "react";
-import type { DateRangeSelection } from "../calendar";
-/**
- * DateInputRange raw value or null if no date is defined.
- */
-export type DateInputRangeValue = {
-    startDate?: string | null;
-    endDate?: string | null;
-};
-/**
- * Details of parsing the date range
- */
-export type DateInputRangeDetails = {
-    /** Details of parsing the start date and applying any validation */
-    startDate?: DateDetail;
-    /** Details of parsing the end date and applying any validation */
-    endDate?: DateDetail;
-};
-/**
- * Enum to identify the field being parsed
- */
-export declare enum DateParserField {
-    START = "start",
-    END = "end"
-}
-/**
- * Props for the DateInputRange component.
- * @template TDate - The type of the date object.
- */
-export interface DateInputRangeProps<TDate extends DateFrameworkType> extends Omit<ComponentPropsWithoutRef<"div">, "defaultValue" | "onChange">, Omit<InputProps, "defaultValue" | "inputRef" | "value" | "onChange"> {
-    /**
-     * The aria-label for accessibility.
-     */
-    ariaLabel?: string;
-    /**
-     * Styling variant with full border. Defaults to false.
-     */
-    bordered?: boolean;
-    /**
-     * The marker to use in an empty read-only DateInput.
-     * Use `''` to disable this feature. Defaults to '—'.
-     */
-    emptyReadOnlyMarker?: string;
-    /**
-     * End adornment component.
-     */
-    endAdornment?: ReactNode;
-    /**
-     * Attributes applied to the start `input` element.
-     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dateInput#Attributes
-     */
-    startInputProps?: InputHTMLAttributes<HTMLInputElement>;
-    /**
-     * Attributes applied to the end `input` element.
-     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dateInput#Attributes
-     */
-    endInputProps?: InputHTMLAttributes<HTMLInputElement>;
-    /**
-     * If `true`, the component is read-only.
-     */
-    readOnly?: boolean;
-    /**
-     * Validation status.
-     */
-    validationStatus?: "error" | "warning" | "success";
-    /**
-     * Styling variant. Defaults to "primary".
-     */
-    variant?: "primary" | "secondary" | "tertiary";
-    /**
-     * Format string for date.
-     */
-    format?: string;
-    /**
-     * Optional ref for the start input component.
-     */
-    startInputRef?: Ref<HTMLInputElement>;
-    /**
-     * Optional ref for the end input component.
-     */
-    endInputRef?: Ref<HTMLInputElement>;
-    /**
-     * Parser callback, if not using the adapter's parser
-     * @param value - date string to parse
-     * @param field: DateParserField to identify value,
-     * @param format - format required
-     */
-    parse?: (value: string, field: DateParserField, format: string) => ParserResult<TDate>;
-    /**
-     * Input value. Use when the input value is controlled.
-     */
-    value?: DateInputRangeValue;
-    /**
-     * The initial input value. Use when the component is uncontrolled.
-     */
-    defaultValue?: DateInputRangeValue;
-    /**
-     * The date value. Use when the component is controlled.
-     */
-    date?: DateRangeSelection<TDate> | null;
-    /**
-     * The initial selected date value. Use when the component is uncontrolled.
-     */
-    defaultDate?: DateRangeSelection<TDate> | null;
-    /**
-     * Callback fired when the input value changes.
-     * @param event - The change event.
-     * @param date - The new date input range value.
-     */
-    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
-    /**
-     * Callback fired when the selected date changes.
-     * @param event - The synthetic event.
-     * @param date - the selected date, invalid date if not a valid date or undefined (uncontrolled) or null (controlled) if not defined
-     * @param details - The details of date selection, either a valid date or error
-     */
-    onDateChange?: (event: SyntheticEvent, date: DateRangeSelection<TDate> | null, details: DateInputRangeDetails) => void;
-    /**
-     * Called when input values change, either due to user interaction or programmatic formatting of valid dates.
-     * @param event - The synthetic event or null if a programmatic change.
-     * @param newValue - The new date input range value.
-     */
-    onDateValueChange?: (event: SyntheticEvent | null, newValue: DateInputRangeValue) => void;
-    /**
-     * Specifies the timezone behavior:
-     * - If undefined, the timezone will be derived from the passed date, or from `defaultSelectedDate`/`selectedDate`.
-     * - If set to "default", the default timezone of the date library will be used.
-     * - If set to "system", the local system's timezone will be applied.
-     * - If set to "UTC", the time will be returned in UTC.
-     * - If set to a valid IANA timezone identifier, the time will be returned for that specific timezone.
-     */
-    timezone?: Timezone;
-}
-export declare const DateInputRange: import("react").ForwardRefExoticComponent<DateInputRangeProps<any> & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/date-input/DateInputSingle.d.ts

@@ -1,104 +0,0 @@
-import type { DateDetail, DateFrameworkType, ParserResult, Timezone } from "@salt-ds/date-adapters";
-import { type ComponentPropsWithoutRef, type InputHTMLAttributes, type ReactNode, type Ref, type SyntheticEvent } from "react";
-import type { SingleDateSelection } from "../calendar";
-/**
- * Details of parsing the date
- */
-export type DateInputSingleDetails = DateDetail;
-/**
- * Props for the DateInputSingle component.
- * @template TDate - The type of the date object.
- */
-export interface DateInputSingleProps<TDate extends DateFrameworkType> extends Omit<ComponentPropsWithoutRef<"div">, "defaultValue">, Pick<ComponentPropsWithoutRef<"input">, "disabled" | "value" | "defaultValue" | "placeholder"> {
-    /**
-     * The aria-label for accessibility.
-     */
-    ariaLabel?: string;
-    /**
-     * Styling variant with full border. Defaults to false.
-     */
-    bordered?: boolean;
-    /**
-     * The marker to use in an empty read-only DateInput.
-     * Use `''` to disable this feature. Defaults to '—'.
-     */
-    emptyReadOnlyMarker?: string;
-    /**
-     * End adornment component.
-     */
-    endAdornment?: ReactNode;
-    /**
-     * Attributes applied to the `input` element.
-     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dateInput#Attributes
-     */
-    inputProps?: InputHTMLAttributes<HTMLInputElement>;
-    /**
-     * If `true`, the component is read-only.
-     */
-    readOnly?: boolean;
-    /**
-     * Start adornment component
-     */
-    startAdornment?: ReactNode;
-    /**
-     * Validation status.
-     */
-    validationStatus?: "error" | "warning" | "success";
-    /**
-     * Styling variant. Defaults to "primary".
-     */
-    variant?: "primary" | "secondary" | "tertiary";
-    /**
-     * Format string for date.
-     */
-    format?: string;
-    /**
-     * Reference for the input.
-     */
-    inputRef?: Ref<HTMLInputElement>;
-    /**
-     * Parser callback, if not using the adapter's parser
-     * @param value - date string to parse
-     * @param format - format required
-     */
-    parse?: (value: string, format: string) => ParserResult<TDate>;
-    /**
-     * Input value. Use when the input value is controlled.
-     */
-    value?: string;
-    /**
-     * The initial input value. Use when the component is uncontrolled.
-     */
-    defaultValue?: string;
-    /**
-     * The date value. Use when the component is controlled.
-     */
-    date?: TDate | null;
-    /**
-     * The initial selected date value. Use when the component is uncontrolled.
-     */
-    defaultDate?: TDate | null;
-    /**
-     * Callback fired when the selected date changes.
-     * @param event - The synthetic event.
-     * @param date - the selected date, invalid date if not a valid date or undefined (uncontrolled) or null (controlled) if not defined
-     * @param details - The details of date selection, either a valid date or error
-     */
-    onDateChange?: (event: SyntheticEvent, date: SingleDateSelection<TDate> | null | undefined, details: DateInputSingleDetails) => void;
-    /**
-     * Called when input value changes, either due to user interaction or programmatic formatting of valid dates.
-     * @param event - The synthetic event or null if a programmatic change.
-     * @param newValue - The new date input value.
-     */
-    onDateValueChange?: (event: SyntheticEvent | null, newValue: string) => void;
-    /**
-     * Specifies the timezone behavior:
-     * - If undefined, the timezone will be derived from the passed date, or from `defaultSelectedDate`/`selectedDate`.
-     * - If set to "default", the default timezone of the date library will be used.
-     * - If set to "system", the local system's timezone will be applied.
-     * - If set to "UTC", the time will be returned in UTC.
-     * - If set to a valid IANA timezone identifier, the time will be returned for that specific timezone.
-     */
-    timezone?: Timezone;
-}
-export declare const DateInputSingle: import("react").ForwardRefExoticComponent<DateInputSingleProps<any> & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/date-picker/DatePicker.d.ts

@@ -1,55 +0,0 @@
-import type { DateFrameworkType, Timezone } from "@salt-ds/date-adapters";
-import { type ReactNode } from "react";
-import { type DatePickerOpenChangeReason } from "./DatePickerOverlayProvider";
-import { type UseDatePickerRangeProps, type UseDatePickerSingleProps } from "./useDatePicker";
-/**
- * Base props for DatePicker.
- */
-export interface DatePickerBaseProps {
-    className?: string;
-    children?: ReactNode;
-    /** the open/close state of the overlay. The open/close state will be controlled when this prop is provided. */
-    open?: boolean;
-    /** When `open` is uncontrolled, set this to `true` to open on click */
-    openOnClick?: boolean;
-    /**
-     * Handler for when open state changes
-     * @param newOpen - true when opened
-     * @param reason - reason for the the state change
-     */
-    onOpenChange?: (newOpen: boolean, reason?: DatePickerOpenChangeReason) => void;
-    /**
-     * the initial open/close state of the overlay, when the open/close state is un-controlled.
-     */
-    defaultOpen?: DatePickerBaseProps["open"];
-    /**
-     * Specifies the timezone behavior:
-     * - If undefined, the timezone will be derived from the passed date, or from `defaultSelectedDate`/`selectedDate`.
-     * - If set to "default", the default timezone of the date library will be used.
-     * - If set to "system", the local system's timezone will be applied.
-     * - If set to "UTC", the time will be returned in UTC.
-     * - If set to a valid IANA timezone identifier, the time will be returned for that specific timezone.
-     */
-    timezone?: Timezone;
-}
-/**
- * Props for the DatePicker component, when `selectionVariant` is `single`.
- * @template TDate - The type of the date object.
- */
-export interface DatePickerSingleProps<TDate extends DateFrameworkType> extends DatePickerBaseProps, UseDatePickerSingleProps<TDate> {
-    selectionVariant: "single";
-}
-/**
- * Props for the DatePicker component, when `selectionVariant` is `range`.
- * @template TDate - The type of the date object.
- */
-export interface DatePickerRangeProps<TDate extends DateFrameworkType> extends DatePickerBaseProps, UseDatePickerRangeProps<TDate> {
-    selectionVariant: "range";
-}
-/**
- * Props for the DatePicker component.
- * @template TDate - The type of the date object.
- */
-export type DatePickerProps<TDate extends DateFrameworkType> = DatePickerSingleProps<TDate> | DatePickerRangeProps<TDate>;
-export declare const DatePickerMain: import("react").ForwardRefExoticComponent<DatePickerProps<any> & import("react").RefAttributes<HTMLDivElement>>;
-export declare const DatePicker: import("react").ForwardRefExoticComponent<DatePickerProps<unknown> & import("react").RefAttributes<HTMLDivElement>>;