import { CLBorderRadius, CLColors, CLColorVariants, CLGenericFocusFunction, CLGenericFunction, CLOrientation, CLSizes } from '../../../index.ts';
export interface CLModalTimePickerProps {
    /** Sets aria-label on trigger button. */
    buttonAriaLabel?: string;
    /** Border radius size of trigger button. */
    buttonBorderRadius?: CLBorderRadius;
    /** Color of trigger button and primary actions. */
    buttonColor?: CLColors;
    /** Default label text on trigger button. */
    buttonLabel?: string;
    /** Size of trigger button. */
    buttonSize?: CLSizes;
    /** Color variant of trigger button. */
    buttonVariant?: CLColorVariants;
    /** Width of trigger button. */
    buttonWidth?: string;
    /** Whether button padding is wrapped. */
    buttonWrapped?: boolean;
    /** Busy state. */
    busy?: boolean;
    /** Disabled state. */
    disabled?: boolean;
    /** Fluid layout state. */
    fluid?: boolean;
    /** Unique ID, required. */
    id: string;
    /** The label text to be displayed which is associated to the time picker. */
    label?: string;
    /** A string representing name of the time picker submitted with form. */
    name?: string;
    /** Callback when focus is lost. */
    onBlur?: CLGenericFocusFunction;
    /** Callback when value changes. */
    onChange?: CLGenericFunction;
    /** Callback when focused. */
    onFocus?: CLGenericFocusFunction;
    /** Callback when reset is triggered. */
    onReset?: CLGenericFunction;
    /** Sets the label position to be above or to the left of the form element. The property can be one of `CLOrientation` */
    orientation?: CLOrientation;
    /** Set the required state. */
    required?: boolean;
    /** Custom test ID. */
    testId?: string;
    /** Modal header title. */
    title?: string;
    /** Use 24-hour format. */
    use24Hour?: boolean;
}
declare const _default: import('vue').DefineComponent<{
    modelValue?: string | null;
} & CLModalTimePickerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
    "update:modelValue": (value: string | null) => any;
}, string, import('vue').PublicProps, Readonly<{
    modelValue?: string | null;
} & CLModalTimePickerProps> & Readonly<{
    "onUpdate:modelValue"?: ((value: string | null) => any) | undefined;
}>, {
    label: string;
    title: string;
    name: string;
    fluid: boolean;
    testId: string;
    onFocus: CLGenericFocusFunction;
    onBlur: CLGenericFocusFunction;
    onChange: CLGenericFunction;
    onReset: CLGenericFunction;
    use24Hour: boolean;
    required: boolean;
    busy: boolean;
    disabled: boolean;
    orientation: CLOrientation;
    buttonAriaLabel: string;
    buttonBorderRadius: CLBorderRadius;
    buttonColor: CLColors;
    buttonLabel: string;
    buttonSize: CLSizes;
    buttonVariant: CLColorVariants;
    buttonWidth: string;
    buttonWrapped: boolean;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
    timePickerRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
        modelValue?: string | null;
    } & import('../../Form/CLTimePicker').CLTimePickerProps> & Readonly<{
        "onUpdate:modelValue"?: ((value: string | null) => any) | undefined;
        "onTime-select"?: ((time: string) => any) | undefined;
    }>, {
        apply: () => void;
        cancel: () => void;
        draftHour: globalThis.Ref<string, string>;
        draftMinute: globalThis.Ref<string, string>;
        draftPeriod: globalThis.Ref<import('../../../composables/useTimePicker').TimePeriod, import('../../../composables/useTimePicker').TimePeriod>;
        getFormattedDraft: () => string;
        initializeDraft: () => void;
        reset: () => void;
    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
        "update:modelValue": (value: string | null) => any;
        "time-select": (time: string) => any;
    }, import('vue').PublicProps, {
        width: string;
        color: CLColors;
        fluid: boolean;
        testId: string;
        use24Hour: boolean;
        busy: boolean;
        disabled: boolean;
        headerLabel: string;
    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
        P: {};
        B: {};
        D: {};
        C: {};
        M: {};
        Defaults: {};
    }, Readonly<{
        modelValue?: string | null;
    } & import('../../Form/CLTimePicker').CLTimePickerProps> & Readonly<{
        "onUpdate:modelValue"?: ((value: string | null) => any) | undefined;
        "onTime-select"?: ((time: string) => any) | undefined;
    }>, {
        apply: () => void;
        cancel: () => void;
        draftHour: globalThis.Ref<string, string>;
        draftMinute: globalThis.Ref<string, string>;
        draftPeriod: globalThis.Ref<import('../../../composables/useTimePicker').TimePeriod, import('../../../composables/useTimePicker').TimePeriod>;
        getFormattedDraft: () => string;
        initializeDraft: () => void;
        reset: () => void;
    }, {}, {}, {}, {
        width: string;
        color: CLColors;
        fluid: boolean;
        testId: string;
        use24Hour: boolean;
        busy: boolean;
        disabled: boolean;
        headerLabel: string;
    }> | null;
}, HTMLDivElement>;
export default _default;