import { BoxProps, ChakraComponent } from '@chakra-ui/react';
import { default as React } from 'react';
import { HelperErrorTextType } from '../HelperErrorText/HelperErrorText';
import { InputProps, TextInputRefType } from '../TextInput/TextInput';
export declare const datePickerTypesArray: readonly ["full", "month", "year"];
export type DatePickerTypes = typeof datePickerTypesArray[number];
export interface FullDateType {
    /** Date object that gets returned for the onChange
     * function only for date ranges. */
    endDate?: Date | null;
    /** Date object that gets returned for the onChange function. */
    startDate: Date | null;
}
interface DateRangeRowProps extends BoxProps {
    /** Whether to render a single date input or two for a range of two dates. */
    isDateRange?: boolean;
}
interface DatePickerWrapperProps extends Omit<BoxProps, "onChange">, DateRangeRowProps {
    /** Adds the 'required' property to the input element(s). */
    isRequired?: boolean;
    /** Passed to the `TextInput` component to render a label associated with an input field. */
    labelText: string;
    /** Offers the ability to show the label onscreen or hide it. */
    showLabel?: boolean;
    /** Whether or not to display the "(required)" text in the label text.
     * True by default. */
    showRequiredLabel?: boolean;
}
export interface CustomTextInputProps extends Partial<InputProps> {
    /** The ReactDatePicker plugin manipulates the ref value so we declare our
     * own for some cases. */
    dsRef?: React.Ref<TextInputRefType>;
    /** The ReactDatePicker plugin has its own `required` prop so we use this to
     * pass the value from the parent `DatePicker` component. */
    isRequired?: boolean;
    /** Event handler used by the ReactDatePicker plugin to open the popup calendar. */
    onClick?: (data: any) => any;
    /** Data value used by the ReactDatePicker plugin and the custom TextInput component. */
    value?: string;
}
export interface DatePickerProps extends Omit<DatePickerWrapperProps, "onChange"> {
    /** The date format to display. Defaults to "yyyy-MM-dd".
     * Must be in ISO-8601 format. */
    dateFormat?: string;
    /** DatePicker date types that can be rendered. */
    dateType?: DatePickerTypes;
    /** Populates the `HelperErrorText` component in this component. */
    helperText?: HelperErrorTextType;
    /** Populates the `HelperErrorText` component in the "From" `TextInput` component. */
    helperTextFrom?: string;
    /** Populates the `HelperErrorText` component in the "To" `TextInput` component. */
    helperTextTo?: string;
    /** The initial date value. If no initialDate is passed, the input will render with
     * today's date. If an empty string is passed, the input will render with no initial
     * value. If a date is passed, it must be in the mm/dd/yyyy format. */
    initialDate?: string;
    /** The initialTo date value (used for date ranges). If no initialTo is passed, the input
     * will render with today's date. If an empty string is passed, the input will render with
     * no initial value.  If a date is passed, it must be in the mm/dd/yyyy format. */
    initialDateTo?: string;
    /** Populates the `HelperErrorText` error state for both "From"
     * and "To" input components. */
    invalidText?: HelperErrorTextType;
    /** Adds the 'disabled' property to the input element(s). */
    isDisabled?: boolean;
    /** Adds 'isInvalid' styling. */
    isInvalid?: boolean;
    /** Adds the 'required' property to the input element(s). */
    isRequired?: boolean;
    /** The maximum date value that applies to both input fields.
     * This must be in the mm/dd/yyyy format. */
    maxDate?: string;
    /** The minimum date value that applies to both input fields.
     * This must be in the mm/dd/yyyy format. */
    minDate?: string;
    /** Value name for the single input field or the "From" input field in a date range. */
    nameFrom?: string;
    /** Value name for the "To" input field */
    nameTo?: string;
    /** The action to perform on the `input`'s onChange function for both fields.
     * This will return the data in an object with `startDate` and `endDate` keys.
     */
    onChange?: (data: FullDateType) => void;
    /** Placeholder text for the input. */
    placeholder?: string;
    /** Placeholder text for the end date input (used in date ranges). */
    placeholderTo?: string;
    /** An additional explicit React ref passed for a date range's "To"
     * input field. Note that the "From" input takes the initial "ref" value. */
    refTo?: React.Ref<TextInputRefType>;
    /** Offers the ability to hide the helper/invalid text. */
    showHelperInvalidText?: boolean;
}
/**
 * Returns a single date input field or two date input fields for a date range.
 */
export declare const DatePicker: ChakraComponent<React.ForwardRefExoticComponent<DatePickerProps & React.RefAttributes<TextInputRefType>>, DatePickerProps>;
export default DatePicker;