import * as React from "react";
import { type DatePickerProps } from "react-datepicker";
import "react-datepicker/dist/react-datepicker.css";
import { type ITextFieldProps } from "../textField";
import "./datePicker.styles.css";
export type TDatePickerCombinedProps = (DatePickerProps & {
    inline?: false;
    textFieldProps?: Omit<ITextFieldProps, "ref" | "onBlur" | "onFocus" | "disabled">;
}) | (DatePickerProps & {
    inline?: true;
    textFieldProps?: never;
});
/**
 * DatePicker component that wraps react-datepicker with custom styling and text field integration
 *
 * @example
 * ```tsx
 * // Basic usage
 * <DatePicker
 *   selected={date}
 *   onChange={(date) => setDate(date)}
 * />
 *
 * // With time selection
 * <DatePicker
 *   selected={date}
 *   onChange={(date) => setDate(date)}
 *   showTimeSelect
 * />
 *
 * // Inline calendar
 * <DatePicker
 *   selected={date}
 *   onChange={(date) => setDate(date)}
 *   inline
 * />
 * ```
 */
export declare const DatePicker: React.ForwardRefExoticComponent<TDatePickerCombinedProps & React.RefAttributes<HTMLDivElement>>;
