import React from "react";
import { DateRange } from "../..";
import { InputSize, InputVariant } from "../types";
/**
 * @deprecated このコンポーネントは非推奨です。代わりに `DateRangeField2` を使用してください。
 */
export type DateRangeFieldProps = {
    /**
     * 日付
     * @default { startDate: dayjs(), endDate: dayjs() }
     */
    date: DateRange;
    /**
     * 指定したい format
     * @default YYYY-MM-DD
     */
    format?: string;
    /**
     * エラー状態
     * Inputを警告色にするのみでエラーテキストは付随しない。
     * errorTextを別途実装する場合などに利用する。
     * @default false
     */
    error?: boolean;
    /**
     * エラーメッセージのテキスト
     * Inputを警告色にし、エラーテキストも表示する。
     * 簡単にエラー状態を表現したい場合はこちらがおすすめ。
     */
    errorText?: string;
    /**
     * 入力を無効にする
     * @default false
     */
    disabled?: boolean;
    /**
     * コンポーネントのサイズ
     * @default "medium"
     */
    size?: InputSize;
    /**
     * コンポーネントのバリアント
     * @default "light"
     */
    variant?: InputVariant;
    /**
     * 開始日フィールドの幅
     */
    startWidth?: string | number;
    /**
     * 終了日フィールドの幅
     */
    endWidth?: string | number;
    /**
     * 後方アイコン（右側）
     */
    append?: React.ReactNode;
    /**
     * 後方アイコンクリック時のハンドラ
     */
    onAppendClick?: () => void;
    /**
     * 日付が変更されたときに呼ばれる関数
     */
    onDatesChange?: (date: DateRange) => void;
};
declare const _default: React.NamedExoticComponent<DateRangeFieldProps & React.RefAttributes<HTMLInputElement>>;
export default _default;