import { CSSProperties, ReactNode } from 'react';
import { DatePickerProps } from 'react-datepicker';
import { Placement } from '@floating-ui/react';
import { UseMessageProps } from '../shared/types';
export type InputDateProps = DatePickerProps & UseMessageProps & {
    /** Required for accessibility */
    label: ReactNode;
    children?: ReactNode;
    hideLabel?: boolean;
    /** Preferred placement of the popover. [See options](https://floating-ui.com/docs/usefloating#placement) */
    placement?: Placement;
    placeholder?: string;
    size?: 'medium' | 'large';
    style?: Readonly<CSSProperties>;
    months: readonly string[];
};
/**
- [react-datepicker docs](https://reactdatepicker.com/)
- Supports single date selection and date range selection via the `selectsRange` prop
- Does not support time selection at the moment (still evaluating if we want to move forward with react-datepicker long term)
- Added `months` as a prop to pass in the full month names for the custom header, these should be translated before passing them in.
*/
export declare function InputDate({ hideLabel, label, children, placeholder, placement, size, style, months, ...props }: InputDateProps): import("react/jsx-runtime").JSX.Element;
export default InputDate;