import * as React from "react";
import { Dayjs } from "dayjs";
import type { CalendarWeekConfig } from "../Calendar/types";
import { PresetButton } from "../Calendar/internal/Actions";
import type { TimeField2Props } from "../TimeField/TimeField2";
import { InputSize, InputVariant } from "../Input/types";
export type DateRange = {
    startDate: Dayjs;
    endDate: Dayjs;
};
export type DateRangePickerProps = {
    /**
     * 開始日
     * @default dayjs()
     */
    startDate: Dayjs;
    /**
     * 終了日
     * @default dayjs()
     */
    endDate: Dayjs;
    /**
     * エラー状態
     * Inputを警告色にするのみでエラーテキストは付随しない。
     * errorTextを別途実装する場合などに利用する。
     * @default false
     */
    error?: boolean;
    /**
     * エラーメッセージのテキスト
     * Inputを警告色にし、エラーテキストも表示する。
     * 簡単にエラー状態を表現したい場合はこちらがおすすめ。
     */
    errorText?: string;
    /**
     * デフォルトで選択されているプリセットボタン
     */
    defaultPresetButton?: string;
    /**
     * カレンダーの左に表示するプリセットボタン
     */
    presetButtons?: PresetButton[];
    /**
     * プリセットボタンをクリックしたときの挙動
     */
    onPresetButtonClick?: (action: PresetButton) => void;
    /**
     * 入力を無効にする
     * @default false
     */
    disabled?: boolean;
    /**
     * コンポーネントのサイズ
     * @default "medium"
     */
    size?: InputSize;
    /**
     * コンポーネントのバリアント
     * @default "light"
     */
    variant?: InputVariant;
    /**
     * カレンダーに表示する年月のフォーマット
     */
    monthFormat?: string;
    /**
     * 週の開始曜日と曜日見出し。未指定時は `LocaleProvider` の defaultProps、なければ Calendar と同様のフォールバック。
     */
    weekConfig?: CalendarWeekConfig;
    /**
     * カレンダーのActionsエリアにDateFieldを表示する
     * @default false
     */
    showDateFields?: boolean;
    /**
     * 選択可能なカレンダーの領域を制限する
     * true が返る場合は、選択不可となる
     * @default () => false
     */
    isOutsideRange?: (date: Dayjs) => boolean;
    /**
     * 日付が変更されたときに呼ばれる関数
     */
    onDatesChange: (dates: DateRange) => void;
    /**
     * カレンダー内にTimeFieldを表示する
     * @default false
     */
    showTimeFields?: boolean;
    /**
     * TimeField2のprops
     */
    timeFieldProps?: Partial<TimeField2Props>;
    /**
     * 日付の表示フォーマット
     * @default "YYYY-MM-DD"
     */
    format?: string;
    /**
     * モバイルでカレンダー下部に表示する「適用」ボタンのラベル
     * @default ロケールの defaultProps（ja: 適用 / en: Apply）
     */
    applyButtonText?: string;
    /**
     * モバイルでカレンダー下部に表示する「キャンセル」ボタンのラベル
     * @default ロケールの defaultProps（ja: キャンセル / en: Cancel）
     */
    cancelButtonText?: string;
};
export declare const DateRangePicker: React.ForwardRefExoticComponent<DateRangePickerProps & React.RefAttributes<HTMLDivElement>>;
declare const _default: React.NamedExoticComponent<DateRangePickerProps & React.RefAttributes<HTMLDivElement>>;
export default _default;