import { default as React } from 'react';
import { DefaultFieldStylesProps } from '../../utils/field-styles';
export interface CustomInputOptions {
    focused: Focused;
    handleBlur?: (event: React.FocusEvent<HTMLDivElement>) => void;
    handleFocus?: (event: React.FocusEvent<HTMLDivElement>) => void;
    icon?: Icon;
    iconPlacement?: IconPlacement;
    onReset?: (event: React.MouseEvent<HTMLButtonElement>) => void;
    size?: DefaultFieldStylesProps['size'];
    value?: null | string;
}
export type CustomInputProps = CustomInputOptions & Omit<React.ComponentProps<'input'>, keyof CustomInputOptions>;
export type Focused = 'date' | 'time' | null;
export type Icon = JSX.Element;
export type IconPlacement = 'left' | 'right';
export declare const CustomInput: React.ForwardRefExoticComponent<Omit<CustomInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;