import { CLColors } from '../../../index.ts';
import { ISODate } from '../../../composables/useDatePicker';
export interface CLCalendarProps {
    /** The color theme of the calendar selection. */
    color?: CLColors;
    /** Sets the disabled state. */
    disabled?: boolean;
    /** Sets the busy state. */
    busy?: boolean;
    /** Whether to allow range selection or single date selection. */
    isRange?: boolean;
    /** Whether to make the calendar fluid. */
    fluid?: boolean;
    /** Test ID for testing purposes. */
    testId?: string;
    /** Sets the width of the calendar. */
    width?: string;
}
declare const _default: import('vue').DefineComponent<{
    modelValue?: {
        end: ISODate | null;
        start: ISODate | null;
    } | null;
} & CLCalendarProps, {
    apply: () => void;
    cancel: () => void;
    draftEnd: globalThis.Ref<string | null, string | null>;
    draftStart: globalThis.Ref<string | null, string | null>;
    initializeDraft: () => void;
    reset: () => void;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
    "update:modelValue": (value: {
        end: ISODate | null;
        start: ISODate | null;
    } | null) => any;
    "date-select": (date: string) => any;
}, string, import('vue').PublicProps, Readonly<{
    modelValue?: {
        end: ISODate | null;
        start: ISODate | null;
    } | null;
} & CLCalendarProps> & Readonly<{
    "onUpdate:modelValue"?: ((value: {
        end: ISODate | null;
        start: ISODate | null;
    } | null) => any) | undefined;
    "onDate-select"?: ((date: string) => any) | undefined;
}>, {
    color: CLColors;
    fluid: boolean;
    testId: string;
    width: string;
    busy: boolean;
    disabled: boolean;
    isRange: boolean;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
export default _default;