import { DateRangePickerProps } from './types';
/**
 * Componente de selección de rango de fechas con UI completa
 *
 * Este componente proporciona la interfaz de usuario para seleccionar un rango de fechas.
 * Extiende el componente DateRangePicker de rsuite con slots y patrones de construcción
 * de la librería m4l_components.
 *
 * ### Dependencias:
 * - **`useDateRangePicker:`** Hook que encapsula la lógica del componente.
 * - **`useComponentSize:`** Hook para manejar los tamaños del componente.
 * - **`useFormatter:`** Hook para formatear fechas.
 * @param {DateRangePickerProps} props - Propiedades del componente.
 * @param {DateRangeValue} [props.value] - Valor del componente. Objeto con las fechas de inicio y fin.
 * @param {(value: DateRangeValue | null) => void} [props.onChange] - Callback que se ejecuta cuando cambia el valor.
 * @param {Sizes} [props.size='medium'] - Tamaño del componente.
 * @param {boolean} [props.disabled] - Indica si el componente está deshabilitado.
 * @param {string} [props.className] - Clase CSS adicional.
 * @param {string} [props.dataTestId] - ID para testing.
 * @param {TextFieldVariants} [props.variant] - Variante del TextField interno.
 * @param {boolean} [props.readOnly] - Indica si el componente es de solo lectura.
 * @param {string} [props.id] - ID del elemento.
 * @param {{ message?: string }} [props.error] - Objeto de error con mensaje opcional.
 * @returns {JSX.Element} Elemento renderizado.
 * @example
 * ```tsx
 * const [value, setValue] = useState<DateRangeValue>({ start: null, end: null });
 *
 * <DateRangePicker
 *   value={value}
 *   onChange={(newValue) => setValue(newValue || { start: null, end: null })}
 *   size="medium"
 *   variant="outlined"
 * />
 * ```
 */
export declare const DateRangePicker: import('react').ForwardRefExoticComponent<Omit<DateRangePickerProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
//# sourceMappingURL=DateRangePicker.d.ts.map