import { DateRangeField, DateRangeFieldProps } from "../../rdp";
import { ChangeEvent, ReactNode, RefAttributes } from 'react';
import { Control, FieldError, FieldPath, FieldValues, PathValue, UseControllerProps } from 'react-hook-form';
export type DateRangeFieldElementProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TValue = unknown> = Omit<DateRangeFieldProps, 'name'> & {
    rules?: UseControllerProps<TFieldValues, TName>['rules'];
    name: TName;
    parseError?: (error: FieldError) => ReactNode;
    control?: Control<TFieldValues>;
    /**
     * You override the MUI's DateRangeField component by passing a reference of the component you want to use.
     *
     * This is especially useful when you want to use a customized version of DateRangeField.
     */
    component?: typeof DateRangeField;
    transform?: {
        input?: (value: PathValue<TFieldValues, TName>) => TValue;
        output?: (event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => PathValue<TFieldValues, TName>;
    };
};
type DateRangeFieldElementComponent = <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TValue = unknown>(props: DateRangeFieldElementProps<TFieldValues, TName, TValue> & RefAttributes<HTMLDivElement>) => JSX.Element;
declare const _default: DateRangeFieldElementComponent;
export default _default;