import { RegisterOptions } from 'react-hook-form';
import { ZeniDate } from '@zeniai/client-epic-state';
import { DisableMode } from '../common/common';
import { TextFieldType } from '../textField/TextField';
export declare const DatePickerDayStyles: import('@emotion/react').SerializedStyles;
export declare const DatePickerDaySelectedStyles: import('@emotion/react').SerializedStyles;
export declare const WebKitCredentialsAutoFillButtonStyles: import('@emotion/react').SerializedStyles;
/**
 * Component & its Props
 */
export interface DatePickerFieldProps {
    /**
     * Unique name to be registered with react-hook-form
     */
    name: string;
    autoComplete?: "off" | "on" | "new-password";
    dateFormat?: string;
    defaultValue?: ZeniDate;
    isDisabled?: DisableMode;
    isMasked?: boolean;
    maxDate?: ZeniDate;
    minDate?: ZeniDate;
    placeholder?: string;
    protectedInfoText?: string;
    registerOptions?: RegisterOptions;
    showCalenderIcon?: boolean;
    showEmptyState?: boolean;
    style?: React.CSSProperties;
    type?: TextFieldType;
    onCalendarOpenChange?: (isOpen: boolean) => void;
}
export declare function DatePickerField({ name, type, placeholder, autoComplete, isDisabled, defaultValue, dateFormat, minDate, maxDate, style, registerOptions, showEmptyState, protectedInfoText, isMasked, showCalenderIcon, onCalendarOpenChange, }: Readonly<DatePickerFieldProps>): import("react/jsx-runtime").JSX.Element;