import { CLBorderRadius, CLColors, CLColorVariants, CLGenericFocusFunction, CLGenericFunction, CLSizes } from '../../../index.ts';
export interface CLModalDatePickerProps {
    /** Sets the aria-label on the trigger button. It should be used when there is no label present. */
    buttonAriaLabel?: string;
    /** The border radius size. The property can be one of `CLBorderRadius`, e.g. `CLBorderRadius.Medium`. */
    buttonBorderRadius?: CLBorderRadius;
    /** Sets the color of the trigger button, selected dates, and apply button. The property can be one of `CLColors`, e.g. `CLColors.Primary`. */
    buttonColor?: CLColors;
    /** The label text to be displayed which is associated to the date picker. */
    buttonLabel?: string;
    /** Sets the date picker size. The property can be one of `CLSizes`, e.g. `CLSizes.Medium`. */
    buttonSize?: CLSizes;
    /** Sets the color variant. The property can be one of `CLColorVariants`, e.g `CLColorVariants.Outline`. */
    buttonVariant?: CLColorVariants;
    /** Sets the width of the trigger button. */
    buttonWidth?: string;
    /** When set to `true`, it will remove any horizontal and vertical padding from the button. */
    buttonWrapped?: boolean;
    /** A `boolean` value which dictates the busy state of the date picker. */
    busy?: boolean;
    /** Set the disabled state. */
    disabled?: boolean;
    /** When set to true, sets the width of the date picker to 100% of it's parent. */
    fluid?: boolean;
    /** A unique identifier, this is required. */
    id: string;
    /** Whether to allow range selection or single date selection. */
    isRange?: boolean;
    /** A callback function which handles when the date picker loses focus. */
    onBlur?: CLGenericFocusFunction;
    /** A callback function which handles when the date picker value changes. */
    onChange?: CLGenericFunction;
    /** A callback function which handles when the date picker gains focus. */
    onFocus?: CLGenericFocusFunction;
    /** A callback function which handles when the date picker is reset. */
    onReset?: CLGenericFunction;
    /** Sets a custom ID used for unit tests. */
    testId?: string;
    /** The title content of the Modal. */
    title?: string;
}
declare const _default: import('vue').DefineComponent<{
    modelValue?: {
        end: string | null;
        start: string | null;
    } | null;
} & CLModalDatePickerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
    "update:modelValue": (value: {
        end: string | null;
        start: string | null;
    } | null) => any;
}, string, import('vue').PublicProps, Readonly<{
    modelValue?: {
        end: string | null;
        start: string | null;
    } | null;
} & CLModalDatePickerProps> & Readonly<{
    "onUpdate:modelValue"?: ((value: {
        end: string | null;
        start: string | null;
    } | null) => any) | undefined;
}>, {
    fluid: boolean;
    testId: string;
    title: string;
    onFocus: CLGenericFocusFunction;
    onBlur: CLGenericFocusFunction;
    onChange: CLGenericFunction;
    busy: boolean;
    disabled: boolean;
    isRange: boolean;
    buttonAriaLabel: string;
    buttonBorderRadius: CLBorderRadius;
    buttonColor: CLColors;
    buttonLabel: string;
    buttonSize: CLSizes;
    buttonVariant: CLColorVariants;
    buttonWidth: string;
    buttonWrapped: boolean;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
    calendarRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
        modelValue?: {
            end: import('../../../composables/useDatePicker').ISODate | null;
            start: import('../../../composables/useDatePicker').ISODate | null;
        } | null;
    } & import('../../Form/CLCalendar/CLCalendar.vue').CLCalendarProps> & Readonly<{
        "onUpdate:modelValue"?: ((value: {
            end: import('../../../composables/useDatePicker').ISODate | null;
            start: import('../../../composables/useDatePicker').ISODate | null;
        } | null) => any) | undefined;
        "onDate-select"?: ((date: string) => any) | undefined;
    }>, {
        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: import('../../../composables/useDatePicker').ISODate | null;
            start: import('../../../composables/useDatePicker').ISODate | null;
        } | null) => any;
        "date-select": (date: string) => any;
    }, import('vue').PublicProps, {
        color: CLColors;
        fluid: boolean;
        testId: string;
        width: string;
        busy: boolean;
        disabled: boolean;
        isRange: boolean;
    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
        P: {};
        B: {};
        D: {};
        C: {};
        M: {};
        Defaults: {};
    }, Readonly<{
        modelValue?: {
            end: import('../../../composables/useDatePicker').ISODate | null;
            start: import('../../../composables/useDatePicker').ISODate | null;
        } | null;
    } & import('../../Form/CLCalendar/CLCalendar.vue').CLCalendarProps> & Readonly<{
        "onUpdate:modelValue"?: ((value: {
            end: import('../../../composables/useDatePicker').ISODate | null;
            start: import('../../../composables/useDatePicker').ISODate | null;
        } | null) => any) | undefined;
        "onDate-select"?: ((date: string) => any) | undefined;
    }>, {
        apply: () => void;
        cancel: () => void;
        draftEnd: globalThis.Ref<string | null, string | null>;
        draftStart: globalThis.Ref<string | null, string | null>;
        initializeDraft: () => void;
        reset: () => void;
    }, {}, {}, {}, {
        color: CLColors;
        fluid: boolean;
        testId: string;
        width: string;
        busy: boolean;
        disabled: boolean;
        isRange: boolean;
    }> | null;
}, HTMLDivElement>;
export default _default;