import { TextField } from '@c-fo/vibes';
import { FormEventHandler, KeyboardEventHandler } from 'react';
export declare const detectDateFormat: (dateString: string) => string;
type FieldWidth = 'medium' | 'large' | 'full';
type PropsFromTextField = Pick<Parameters<typeof TextField>[0], 'tabIndex' | 'iconTabIndex' | 'borderless' | 'paddingSize' | 'height' | 'minWidth'>;
/**
 * テキストフィールドになっている日付入力フィールドです。フォーカスまたはアイコンのクリックによりカレンダーを表示し、ユーザーはカレンダーから日付を選んだり、テキストとして編集したりすることができます。
 *
 * - `DateInput`は「現在の日付から前後1年以内」などの近い日付を入力することが多い場合に使用してください
 *   - 生年月日など、年単位で離れた日付を入力する場合には、`DateField` を使用してください。
 *     `DateField` はセレクトボックスで年を選べるため、年単位で離れた年月日を入力するのに最適です。
 */
declare const DateInput: import("react").ForwardRefExoticComponent<{
    value?: Date | undefined;
    id?: string | undefined;
    label?: string | undefined;
    labelledby?: string | undefined;
    placeholder?: string | undefined;
    name?: string | undefined;
    required?: boolean | undefined;
    autofocus?: boolean | undefined;
    disabled?: boolean | undefined;
    error?: boolean | undefined;
    small?: boolean | undefined;
    minDate?: string | undefined;
    maxDate?: string | undefined;
    /**
     * `medium` `large` `full` を使用してください。
     * `xSmall` `small` は日付が隠れてしまうため、使用しないでください
     */
    width?: FieldWidth | undefined;
    onChange?: ((date: string) => void) | undefined;
    onFocus?: FormEventHandler | undefined;
    onBlur?: FormEventHandler | undefined;
    onInput?: FormEventHandler | undefined;
    onKeyDown?: KeyboardEventHandler | undefined;
    type: 'month' | 'date';
} & PropsFromTextField & import("react").RefAttributes<HTMLInputElement>>;
export default DateInput;