import React from 'react';
import { InputProps } from '../input/input.js';

type DateInputProps = {
    /** The id, is set: passed to the first input. */
    id?: string;
    /** The associated form's id. */
    form?: string;
    /** The order of fields. */
    format?: "DDMMYYYY" | "YYYYMMDD";
    /** Whether a date or date range should be provided. */
    type?: "date";
    /** Props to pass to child inputs. */
    inputProps?: InputProps;
    /** DateInput label. */
    label?: string;
    /** Date input label. */
    labelDate?: string;
    /** Month input label. */
    labelMonth?: string;
    /** Year input label. */
    labelYear?: string;
    /** Date input placeholder. */
    placeholderDate?: string;
    /** Month input placeholder. */
    placeholderMonth?: string;
    /** Year input placeholder. */
    placeholderYear?: string;
    /** The name. */
    name?: string;
    /** Whether to apply padding. */
    pad?: boolean | "h" | "v";
    /** Whether a value is required. */
    required?: boolean;
    /** The size. */
    size?: "xl" | "s" | "xs" | "xxs";
    /** (Date) string. */
    value?: string;
    /** Gets called when the value is changed. */
    onChange?: React.ChangeEventHandler<HTMLInputElement>;
    /** Disabled state. */
    disabled?: boolean;
};
/**
 * DateInput component, can be used to type a date using separated inputs.
 */
declare const DateInput: React.FC<DateInputProps>;

export { DateInput };
export type { DateInputProps };