import { type CSSProperties } from 'react';
import { type SFieldSize, type SFieldAddonAlign, type SFieldStatus } from '../SField';
import { type SIconName } from '../SIcon';
import { type SColor } from '../../lib/color';
import { type Rule } from '../../lib/form';
import { type STooltipProps } from '../STooltip';
export type SDateRangeValue = [string, string] | null;
export type SDateRangePickerSize = SFieldSize;
export interface SDateRangePickerProps {
    value?: SDateRangeValue;
    /** 선택 변경 (sdUpdate) — [start, end] */
    onValueChange?: (range: SDateRangeValue) => void;
    /** 보이는 연·월 변경 (sdViewChange) */
    onViewChange?: (view: {
        year: number;
        month: number;
    }) => void;
    size?: SDateRangePickerSize;
    placeholder?: string;
    selectable?: [string, string];
    /** 최대 선택 일수 */
    maxRange?: number;
    /**
     * 시간(시:분) 선택 푸터 사용 여부.
     * true이면 value는 "YYYY-MM-DD HH:mm" 형식이 되고, 캘린더 하단에 시작·종료 시간 입력이 표시된다.
     */
    useTimePicker?: boolean;
    disabled?: boolean;
    width?: number | string;
    name?: string;
    rules?: Rule[];
    status?: SFieldStatus;
    label?: string;
    labelWidth?: number | string;
    icon?: SIconName;
    iconColor?: SColor;
    labelTooltip?: string;
    labelTooltipProps?: Partial<STooltipProps>;
    addonLabel?: string;
    addonAlign?: SFieldAddonAlign;
    hint?: string;
    error?: boolean;
    errorMessage?: string;
    className?: string;
    style?: CSSProperties;
}
/** SDateRangePicker — sd-date-range-picker 포팅. SField + SPopover(범위 캘린더). */
export declare function SDateRangePicker({ value, onValueChange, onViewChange, size, placeholder, selectable, maxRange, useTimePicker, disabled, width, name, rules, status, label, labelWidth, icon, iconColor, labelTooltip, labelTooltipProps, addonLabel, addonAlign, hint, error, errorMessage, className, style, }: SDateRangePickerProps): import("react").JSX.Element;