@moneyforward/mfui-components 2.48.2 → 3.0.0

package/dist/esm/src/DateTimeSelection/shared/BaseRangePicker/BaseRangePicker.types.d.ts

@@ -1,265 +0,0 @@
-import { type InputHTMLAttributes } from 'react';
-import { type PopoverProps } from '../../../Popover';
-import { type BasePickerProps } from '../BasePicker';
-/**
- * Date range input type during user interaction, allowing undefined values
- * This represents the input state during the selection process where either date may be missing
- *
- * @remarks
- * According to MFUI design guidelines, completed selections should always have both dates present
- * through auto-completion behavior. This type is used for backward compatibility and intermediate states.
- *
- * @example
- * ```typescript
- * const selecting: DateRangeInput = [new Date(), undefined]; // Start date selected
- * const completed: DateRangeInput = [new Date(), new Date()]; // Both dates present
- * ```
- */
-export type DateRangeInput = [Date | undefined, Date | undefined];
-/**
- * The props for the BaseRangePicker component
- */
-export type BaseRangePickerProps = {
-    /**
-     * The current value of the date range picker
-     * [startDate, endDate]
-     *
-     * @remarks
-     * According to design guidelines, DateRangePicker expects both start and end dates
-     * with auto-completion behavior. When a complete range is set, both dates should be present.
-     * For backward compatibility, undefined values are still accepted but will be auto-completed.
-     */
-    value?: DateRangeInput;
-    /**
-     * The default value of the date range picker
-     * [startDate, endDate]
-     *
-     * @default [undefined, undefined]
-     *
-     * @remarks
-     * When only one date is provided, auto-completion behavior will ensure both dates are set.
-     */
-    defaultValue?: DateRangeInput;
-    /**
-     * Callback fired when the dates change
-     *
-     * @remarks
-     * According to design guidelines, this callback should provide completed date ranges
-     * with auto-completion behavior. When only one date is selected, both start and end
-     * will be set to the same value following the design specification.
-     *
-     * For backward compatibility, partial ranges may still be provided during intermediate states,
-     * but the final completed selection will always include both dates.
-     */
-    onChange?: (dates: DateRangeInput) => void;
-    /**
-     * Whether the component is disabled
-     *
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Whether the inputs are in an invalid state.
-     * This will change the border color to signal-red.
-     *
-     * @default false
-     */
-    invalid?: boolean;
-    /**
-     * The DOM node to attach the popover to
-     */
-    targetDOMNode?: HTMLElement;
-    /**
-     * The format of the date picker component, in ISO 8601 format.
-     *
-     * @default 'YYYY/MM/DD'
-     */
-    format?: string;
-    /**
-     * Callback fired when the open state of the BaseRangePicker changes.
-     *
-     * @param open - The new open state of the BaseRangePicker.
-     */
-    onOpenStateChanged?: (open: boolean) => void;
-    /**
-     * Whether to disable automatically opening the BaseRangePickerPopover when the input is focused.
-     * If true, the BaseRangePickerPopover will not automatically open when the input is focused.
-     *
-     * @default false - Automatically open the Popover when we click on the TextBox.
-     */
-    disableAutoOpen?: boolean;
-    /**
-     * Callback fired when the user blurs away from the trigger element or popover content.
-     * This implements smart blur detection - only fires when focus leaves both the trigger and popover.
-     * This will only fire when the user truly leaves the component (not when the popover opens).
-     *
-     * @param event - The blur event from the trigger element
-     *
-     * @example
-     * ```tsx
-     * <BaseRangePicker
-     *   onBlur={(event) => {
-     *     console.log('BaseRangePicker lost focus');
-     *     // Perform validation or other actions
-     *   }}
-     * />
-     * ```
-     */
-    onBlur?: (event: React.FocusEvent<HTMLElement>) => void;
-    /**
-     * Enable auto unmounting of the popover content when it's not displayed.
-     * When true, the popover content will return null instead of hiding via CSS.
-     *
-     * @default true
-     */
-    enableAutoUnmount?: boolean;
-    /**
-     * Allowed placements for the popover relative to the trigger element.
-     * When provided, the popover will try each placement in order until it finds one that fits within the viewport.
-     *
-     * @default ['bottom-start', 'bottom-end', 'top-start', 'top-end']
-     *
-     * @example
-     * ```tsx
-     * // Try bottom-start first, fallback to top-start
-     * <BaseRangePicker allowedPlacements={['bottom-start', 'top-start']}>
-     *   ...
-     * </BaseRangePicker>
-     * ```
-     */
-    allowedPlacements?: PopoverProps['allowedPlacements'];
-    /**
-     * Whether to enable the clear button functionality.
-     * When enabled, a clear button will appear when there are values in the date inputs.
-     * Clicking the clear button will clear both date inputs.
-     *
-     * @default false
-     */
-    enableClearButton?: boolean;
-    /**
-     * The properties for the clear button.
-     * If this prop is not passed, the default values for each property will be applied.
-     *
-     * @property aria-label - The alternative text for the clear button. Default is '値をクリアする'.
-     */
-    clearButtonProps?: Pick<React.ComponentPropsWithoutRef<'button'>, 'aria-label'>;
-    /**
-     * The minimum selectable date.
-     * Dates before this date will be disabled and cannot be selected.
-     *
-     * @default undefined
-     *
-     * @example
-     * ```tsx
-     * <BaseRangePicker minDate={new Date('2024-01-01')} />
-     * ```
-     */
-    minDate?: Date;
-    /**
-     * The maximum selectable date.
-     * Dates after this date will be disabled and cannot be selected.
-     *
-     * @default undefined
-     *
-     * @example
-     * ```tsx
-     * <BaseRangePicker maxDate={new Date('2024-12-31')} />
-     * ```
-     */
-    maxDate?: Date;
-    /**
-     * Custom render function for the popover content. This makes BaseRangePicker truly generic.
-     * When not provided, defaults to BaseRangePickerPopover for backward compatibility.
-     *
-     * @param options - The options object containing viewingValue, setViewingValue, value, and onChange
-     *
-     * @returns React.ReactNode to render as the popover content
-     *
-     * @example
-     * ```tsx
-     * <BaseRangePicker
-     *   renderPopoverContent={({ viewingValue, setViewingValue, value, onChange }) => (
-     *     <MonthRangePickerPanel
-     *       viewingValue={viewingValue}
-     *       setViewingValue={setViewingValue}
-     *       value={value}
-     *       onChange={onChange}
-     *     />
-     *   )}
-     * />
-     * ```
-     */
-    renderPopoverContent?: (options: {
-        viewingValue: Date;
-        setViewingValue: (date: Date) => void;
-        value?: DateRangeInput;
-    }) => React.ReactNode;
-    /**
-     * The minimum width of the popover. Default is the width of the trigger element.
-     * This is useful for components like MonthRangePicker that need a fixed width
-     * regardless of the trigger width.
-     *
-     * @default undefined - Uses the trigger element width
-     *
-     * @example
-     * ```tsx
-     * <BaseRangePicker minWidth="min-content" />
-     * <BaseRangePicker minWidth="400px" />
-     * ```
-     */
-    minWidth?: PopoverProps['minWidth'];
-    /**
-     * Props for the start date input element.
-     * Use this to set HTML attributes like `id`, `name`, `aria-describedby`, `placeholder`, etc.
-     * for the start date input.
-     *
-     * @example
-     * ```tsx
-     * // Label association
-     * <label htmlFor="start-date">Start Date</label>
-     * <DateRangePicker startInputProps={{ id: 'start-date' }} />
-     *
-     * // With placeholder
-     * <DateRangePicker startInputProps={{ placeholder: 'Start date' }} />
-     *
-     * // With react-hook-form
-     * <DateRangePicker
-     *   startInputProps={{
-     *     ...register("startDate"),
-     *     id: "start-date"
-     *   }}
-     * />
-     * ```
-     */
-    startInputProps?: Omit<InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange' | 'disabled' | 'className'>;
-    /**
-     * Props for the end date input element.
-     * Use this to set HTML attributes like `id`, `name`, `aria-describedby`, `placeholder`, etc.
-     * for the end date input.
-     *
-     * @example
-     * ```tsx
-     * // Label association
-     * <label htmlFor="end-date">End Date</label>
-     * <DateRangePicker endInputProps={{ id: 'end-date' }} />
-     *
-     * // With placeholder
-     * <DateRangePicker endInputProps={{ placeholder: 'End date' }} />
-     *
-     * // Accessibility
-     * <DateRangePicker
-     *   endInputProps={{
-     *     id: 'end-date',
-     *     'aria-describedby': 'end-date-help'
-     *   }}
-     * />
-     * ```
-     */
-    endInputProps?: Omit<InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange' | 'disabled' | 'className'>;
-    /**
-     * The locale of the calendar.
-     *
-     * @default 'ja'
-     */
-    calendarLocale?: BasePickerProps['calendarLocale'];
-};

package/dist/esm/src/DateTimeSelection/shared/BaseRangePicker/BaseRangePickerPopover/BaseRangePickerCalendar/BaseRangePickerCalendar.d.ts

@@ -1,8 +0,0 @@
-/**
- * Internal component: BaseRangePickerCalendar
- * Combines header (month label only) and CalendarGrid for a single month
- */
-export declare function BaseRangePickerCalendar({ viewingMonth, handleKeyboardNavigation, }: {
-    viewingMonth: Date;
-    handleKeyboardNavigation?: React.KeyboardEventHandler<HTMLButtonElement>;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/esm/src/DateTimeSelection/shared/BaseRangePicker/BaseRangePickerPopover/BaseRangePickerCalendar/BaseRangePickerCalendar.types.d.ts

@@ -1,15 +0,0 @@
-import { type DateCellProps } from '../../../DateCell';
-export type BaseRangePickerCalendarHeaderProps = {
-    label?: string;
-    showLeftNav?: boolean;
-    showRightNav?: boolean;
-    leftNavAriaLabel?: string;
-    rightNavAriaLabel?: string;
-    className?: string;
-};
-export type BaseRangePickerCalendarProps = {
-    viewingMonth: Date;
-    renderDateCell: (dateItem: DateCellProps) => React.ReactNode;
-    className?: string;
-    handleKeyboardNavigation?: React.KeyboardEventHandler<HTMLButtonElement>;
-};

package/dist/esm/src/DateTimeSelection/shared/BaseRangePicker/BaseRangePickerPopover/BaseRangePickerCalendar/BaseRangePickerDateCell.d.ts

@@ -1,12 +0,0 @@
-import { type DateCellProps } from '../../../DateCell';
-export type BaseRangePickerDateCellProps = DateCellProps & {
-    /** Whether this date is the start of a range */
-    isRangeStart?: boolean;
-    /** Whether this date is the end of a range */
-    isRangeEnd?: boolean;
-};
-/**
- * BaseRangePicker-specific DateCell component with enhanced accessibility
- * for Japanese users. Provides configurable labels and range-specific context.
- */
-export declare function BaseRangePickerDateCell({ date, selected, inRange, disabled, isRangeStart, isRangeEnd, ...rest }: BaseRangePickerDateCellProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/src/DateTimeSelection/shared/BaseRangePicker/BaseRangePickerPopover/BaseRangePickerCalendar/constants.d.ts

@@ -1,18 +0,0 @@
-/**
- * Default Japanese accessibility labels for BaseRangePicker
- * These constants provide consistent Japanese text for screen readers.
- */
-export declare const DATE_RANGE_PICKER_A11Y_LABELS: {
-    /** Label for today's date */
-    readonly TODAY: "今日";
-    /** Label for selected dates */
-    readonly SELECTED: "選択済み";
-    /** Label for dates in the selected range */
-    readonly IN_RANGE: "選択範囲内";
-    /** Label for unavailable/disabled dates */
-    readonly UNAVAILABLE: "選択不可";
-    /** Label for range start dates */
-    readonly RANGE_START: "開始日";
-    /** Label for range end dates */
-    readonly RANGE_END: "終了日";
-};

package/dist/esm/src/DateTimeSelection/shared/BaseRangePicker/BaseRangePickerPopover/BaseRangePickerCalendar/index.d.ts

@@ -1,4 +0,0 @@
-export { BaseRangePickerCalendar } from './BaseRangePickerCalendar';
-export { BaseRangePickerDateCell } from './BaseRangePickerDateCell';
-export type { BaseRangePickerDateCellProps } from './BaseRangePickerDateCell';
-export { DATE_RANGE_PICKER_A11Y_LABELS } from './constants';

package/dist/esm/src/DateTimeSelection/shared/BaseRangePicker/BaseRangePickerPopover/BaseRangePickerFooter/BaseRangePickerFooter.d.ts

@@ -1,4 +0,0 @@
-import { type BaseRangePickerProps } from '../../BaseRangePicker.types';
-export declare function BaseRangePickerFooter({ calendarLocale, }: {
-    calendarLocale?: BaseRangePickerProps['calendarLocale'];
-}): import("react/jsx-runtime").JSX.Element;

package/dist/esm/src/DateTimeSelection/shared/BaseRangePicker/BaseRangePickerPopover/BaseRangePickerFooter/index.d.ts

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

package/dist/esm/src/DateTimeSelection/shared/BaseRangePicker/BaseRangePickerPopover/BaseRangePickerPopover.d.ts

@@ -1,25 +0,0 @@
-import React from 'react';
-import { type BaseRangePickerProps } from '../BaseRangePicker.types';
-/**
- * Popover component for BaseRangePicker.
- *
- * Renders two consecutive months and a footer for date range selection.
- * All selection and preview state is managed via BaseRangePickerProvider context.
- *
- * @internal
- *
- * @param wrapperProps - Optional HTML div attributes to apply to the root element (e.g., className, data attributes).
- *
- * @remarks
- * - Accessibility is handled by subcomponents (calendars and footer).
- * - This component should not be used outside a BaseRangePickerProvider.
- *
- * @example
- * <BaseRangePickerProvider>
- *   <BaseRangePickerPopover wrapperProps={{ className: 'custom-class' }} />
- * </BaseRangePickerProvider>
- */
-export declare function BaseRangePickerPopover({ wrapperProps, calendarLocale, }: {
-    wrapperProps?: React.HTMLAttributes<HTMLDivElement>;
-    calendarLocale: BaseRangePickerProps['calendarLocale'];
-}): import("react/jsx-runtime").JSX.Element;

package/dist/esm/src/DateTimeSelection/shared/BaseRangePicker/BaseRangePickerPopover/BaseRangePickerPopover.types.d.ts

@@ -1,10 +0,0 @@
-import { type ComponentPropsWithoutRef } from 'react';
-/**
- * The props for the BaseRangePickerPopover component
- */
-export type BaseRangePickerPopoverProps = {
-    /**
-     * Props for the wrapper div element
-     */
-    wrapperProps?: ComponentPropsWithoutRef<'div'>;
-};

package/dist/esm/src/DateTimeSelection/shared/BaseRangePicker/BaseRangePickerPopover/Popover.types.d.ts

@@ -1,10 +0,0 @@
-import { type ComponentPropsWithoutRef } from 'react';
-/**
- * The props for the BaseRangePickerPopover component
- */
-export type BaseRangePickerPopoverProps = {
-    /**
-     * Props for the wrapper div element
-     */
-    wrapperProps?: ComponentPropsWithoutRef<'div'>;
-};

package/dist/esm/src/DateTimeSelection/shared/BaseRangePicker/BaseRangePickerPopover/constants.d.ts

@@ -1,10 +0,0 @@
-import { type BasePickerProps } from '../../BasePicker/BasePicker.types';
-type LocaleKey = 'GO_TO_PREV_MONTH' | 'GO_TO_NEXT_MONTH' | 'APPLY' | 'CANCEL';
-export declare const BASE_RANGE_PICKER_POPOVER_LABELS: Record<NonNullable<BasePickerProps['calendarLocale']>, Record<LocaleKey, string>>;
-export declare function getBaseRangePickerPopoverLabel(key: LocaleKey, locale?: NonNullable<BasePickerProps['calendarLocale']>): string;
-/**
- * The format for the calendar month label
- */
-export declare const CALENDAR_MONTH_LABEL_FORMAT: Record<NonNullable<BasePickerProps['calendarLocale']>, string>;
-export declare function getCalendarMonthLabelFormat(locale?: NonNullable<BasePickerProps['calendarLocale']>): string;
-export {};

package/dist/esm/src/DateTimeSelection/shared/BaseRangePicker/BaseRangePickerPopover/index.d.ts

@@ -1,2 +0,0 @@
-export { BaseRangePickerPopover } from './BaseRangePickerPopover';
-export type { BaseRangePickerPopoverProps } from './BaseRangePickerPopover.types';

package/dist/esm/src/DateTimeSelection/shared/BaseRangePicker/BaseRangePickerPopover/utilities/createBaseRangePickerPopoverTestUtility.d.ts

@@ -1,20 +0,0 @@
-import { type UserEvent } from '@testing-library/user-event';
-import { type BaseRangePickerProps } from '../../BaseRangePicker.types';
-export type BaseRangePickerPopoverTestUtilityConfig = {
-    user: UserEvent;
-    calendarLocale: BaseRangePickerProps['calendarLocale'];
-};
-export declare function createBaseRangePickerPopoverTestUtility({ user, calendarLocale, }: BaseRangePickerPopoverTestUtilityConfig): {
-    getPreviousMonthButton: () => HTMLElement;
-    getNextMonthButton: () => HTMLElement;
-    getApplyButton: () => HTMLElement;
-    getCancelButton: () => HTMLElement;
-    getDateCellByText: (text: string) => HTMLElement | undefined;
-    getSelectedDateCells: () => HTMLElement[];
-    getInRangeDateCells: () => HTMLElement[];
-    getLeftMonthLabel: () => string | undefined;
-    clickPreviousMonth: () => Promise<void>;
-    clickNextMonth: () => Promise<void>;
-    clickApply: () => Promise<void>;
-    selectDate: (dateText: string) => Promise<void>;
-};

package/dist/esm/src/DateTimeSelection/shared/BaseRangePicker/BaseRangePickerProvider/BaseRangePickerProvider.d.ts

@@ -1,53 +0,0 @@
-import { type ReactElement } from 'react';
-import { type BaseRangePickerProviderProps } from './BaseRangePickerProvider.types';
-/**
- * Provider component for BaseRangePicker
- * Manages shared state between BaseRangePicker components
- */
-export declare function BaseRangePickerProvider({ children, ...props }: BaseRangePickerProviderProps & {
-    children: ReactElement;
-}): import("react/jsx-runtime").JSX.Element;
-/**
- * Hook to access BaseRangePicker context
- *
- * @throws {Error} when used outside of BaseRangePickerProvider
- */
-export declare function useBaseRangePickerContext(): {
-    startDate: Date | undefined;
-    endDate: Date | undefined;
-    startDateString: string;
-    endDateString: string;
-    disabled: boolean;
-    isOpen: boolean;
-    open: () => void;
-    close: () => void;
-    toggle: () => void;
-    viewingMonth: Date;
-    setViewingMonth: (value: Date | ((previous: Date) => Date)) => void;
-    onStartDateChange: (date: Date | undefined, nextEndDate?: Date) => void;
-    onEndDateChange: (date: Date | undefined, nextStartDate?: Date) => void;
-    onStartDateStringChange: (value: string) => void;
-    onEndDateStringChange: (value: string) => void;
-    handleClear: () => void;
-    handleApply: () => void;
-    handleCancel: () => void;
-    selecting: "start" | "end";
-    temporaryStart: Date | undefined;
-    temporaryEnd: Date | undefined;
-    previewDate: Date | undefined;
-    handleDateClick: (date: Date) => void;
-    handlePreview: (date: Date) => void;
-    clearPreview: () => void;
-    isInRange: (date: Date) => boolean;
-    isRangeStart: (date: Date) => boolean;
-    isRangeEnd: (date: Date) => boolean;
-    setTemporaryStart: import("react").Dispatch<import("react").SetStateAction<Date | undefined>>;
-    setTemporaryEnd: import("react").Dispatch<import("react").SetStateAction<Date | undefined>>;
-    setSelecting: import("react").Dispatch<import("react").SetStateAction<"start" | "end">>;
-    disableAutoOpen: boolean | undefined;
-    pendingFocusDate: string | null;
-    setPendingFocusDate: import("react").Dispatch<import("react").SetStateAction<string | null>>;
-    minDate: Date | undefined;
-    maxDate: Date | undefined;
-    isDateDisabled: (date: Date) => boolean;
-};

package/dist/esm/src/DateTimeSelection/shared/BaseRangePicker/BaseRangePickerProvider/BaseRangePickerProvider.types.d.ts

@@ -1,80 +0,0 @@
-import { type DateRangeInput } from '../BaseRangePicker.types';
-export type BaseRangePickerProviderProps = {
-    /**
-     * The current value of the date range picker
-     * [startDate, endDate]
-     *
-     * @remarks
-     * Uses DateRangeInput for backward compatibility during transitions
-     */
-    value?: DateRangeInput;
-    /**
-     * The default value of the date range picker
-     * [startDate, endDate]
-     *
-     * @default [undefined, undefined]
-     *
-     * @remarks
-     * Uses DateRangeInput for backward compatibility during transitions
-     */
-    defaultValue?: DateRangeInput;
-    /**
-     * Whether the date range picker is disabled
-     *
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Callback fired when the dates change
-     *
-     * @remarks
-     * Uses DateRangeInput for backward compatibility, but will implement
-     * auto-completion behavior as per design guidelines
-     */
-    onChange?: (dates: DateRangeInput) => void;
-    /**
-     * The format of the date picker component, in ISO 8601 format.
-     *
-     * @default 'YYYY/MM/DD'
-     */
-    format?: string;
-    /**
-     * Whether the popover is open (controlled mode)
-     *
-     * @default false
-     */
-    isOpen?: boolean;
-    /**
-     * Open the popover (controlled mode)
-     *
-     * @default () => {}
-     */
-    open?: () => void;
-    /**
-     * Close the popover (controlled mode)
-     *
-     * @default () => {}
-     */
-    close?: () => void;
-    /**
-     * Whether to disable automatically opening the BaseRangePickerPopover when the input is focused.
-     * If true, the BaseRangePickerPopover will not automatically open when the input is focused.
-     *
-     * @default false - Automatically open the Popover when we click on the TextBox.
-     */
-    disableAutoOpen?: boolean;
-    /**
-     * The minimum selectable date.
-     * Dates before this date will be disabled and cannot be selected.
-     *
-     * @default undefined
-     */
-    minDate?: Date;
-    /**
-     * The maximum selectable date.
-     * Dates after this date will be disabled and cannot be selected.
-     *
-     * @default undefined
-     */
-    maxDate?: Date;
-};

package/dist/esm/src/DateTimeSelection/shared/BaseRangePicker/BaseRangePickerProvider/index.d.ts

@@ -1,2 +0,0 @@
-export { BaseRangePickerProvider, useBaseRangePickerContext } from './BaseRangePickerProvider';
-export type { BaseRangePickerProviderProps } from './BaseRangePickerProvider.types';

package/dist/esm/src/DateTimeSelection/shared/BaseRangePicker/BaseRangePickerTrigger/BaseRangePickerTrigger.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import { type BaseRangePickerTriggerProps } from './BaseRangePickerTrigger.types';
-/**
- * Trigger component for BaseRangePicker
- * Handles the display and interaction of the date range input field
- */
-export declare const BaseRangePickerTrigger: React.ForwardRefExoticComponent<Omit<BaseRangePickerTriggerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/esm/src/DateTimeSelection/shared/BaseRangePicker/BaseRangePickerTrigger/BaseRangePickerTrigger.types.d.ts

@@ -1,85 +0,0 @@
-import { type ComponentPropsWithRef, type InputHTMLAttributes, type RefObject, type SyntheticEvent } from 'react';
-import { type IconButtonProps } from '../../../../IconButton';
-import { type TextBoxSlotRecipeVariant } from '../../../../../styled-system/recipes';
-import { type BasePickerProps } from '../../BasePicker';
-/**
- * The props for the BaseRangePickerTrigger component.
- */
-export type BaseRangePickerTriggerProps = {
-    /**
-     * Whether the inputs are in an invalid state
-     *
-     * @default false
-     */
-    invalid?: boolean;
-    /**
-     * Whether to enable the clear functionality
-     *
-     * @default false
-     */
-    enableClearValue?: boolean;
-    /**
-     * The size of the inputs
-     *
-     * @default 'medium'
-     */
-    size?: TextBoxSlotRecipeVariant['size'];
-    /**
-     * Whether the component is disabled
-     *
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * The format of the date picker component, in ISO 8601 format.
-     *
-     * @default 'YYYY-MM-DD'
-     */
-    format?: string;
-    /**
-     * Props for the wrapper div element
-     */
-    wrapperProps?: ComponentPropsWithRef<'div'>;
-    /**
-     * Props for the clear button
-     *
-     * @property aria-label - The alternative text for the clear button
-     *
-     * @property onClick - Callback when clear button is clicked
-     */
-    clearButtonProps?: Pick<IconButtonProps, 'aria-label' | 'onClick'>;
-    /**
-     * Props for the start date input
-     */
-    startInputProps?: InputHTMLAttributes<HTMLInputElement>;
-    /**
-     * Props for the end date input
-     */
-    endInputProps?: InputHTMLAttributes<HTMLInputElement>;
-    /**
-     * Props for the calendar button
-     *
-     * @property aria-label - The alternative text for the calendar button
-     *
-     * @property onClick - Callback when calendar button is clicked
-     */
-    calendarButtonProps?: Pick<IconButtonProps, 'aria-label' | 'onClick'>;
-    /**
-     * Ref for the start date input element
-     */
-    startInputRef?: RefObject<HTMLInputElement | null>;
-    /**
-     * Ref for the end date input element
-     */
-    endInputRef?: RefObject<HTMLInputElement | null>;
-    /**
-     * Function to open the popover, provided by the Popover component
-     */
-    popoverOpenFunction?: (event?: SyntheticEvent) => void;
-    /**
-     * The locale of the calendar.
-     *
-     * @default 'ja'
-     */
-    calendarLocale?: BasePickerProps['calendarLocale'];
-} & ComponentPropsWithRef<'div'>;

package/dist/esm/src/DateTimeSelection/shared/BaseRangePicker/BaseRangePickerTrigger/constants.d.ts

@@ -1,6 +0,0 @@
-import { type BasePickerProps } from '../../BasePicker/BasePicker.types';
-export declare const SEPARATOR_CONTENT = "\u301C";
-type LocaleKey = 'CLEAR_BUTTON_LABEL' | 'CALENDAR_BUTTON_LABEL' | 'START_DATE_PLACEHOLDER' | 'END_DATE_PLACEHOLDER';
-export declare const BASE_RANGE_PICKER_TRIGGER_LABELS: Record<NonNullable<BasePickerProps['calendarLocale']>, Record<LocaleKey, string>>;
-export declare function getBaseRangePickerTriggerLabel(key: LocaleKey, locale?: NonNullable<BasePickerProps['calendarLocale']>): string;
-export {};