import { CLBorderRadius, CLColors, CLColorVariants, CLGenericFocusFunction, CLGenericFunction, CLIconNames, CLOrientation, CLPlacement, CLSizes } from '../../../index.ts';
export interface CLInputTimePickerProps {
    /** Sets the aria-label on the trigger button. It should be used when there is no label present. */
    ariaLabel?: string;
    /** The border radius size. The property can be one of `CLBorderRadius`. */
    borderRadius?: CLBorderRadius;
    /** Sets the color of the trigger button and apply button. */
    color?: CLColors;
    /** Sets the size. The property can be one of `CLSizes`. */
    size?: CLSizes;
    /** Sets the color variant. */
    variant?: CLColorVariants.Outline | CLColorVariants.Ghost;
    /** A boolean value which dictates the busy state. */
    busy?: boolean;
    /** Set the disabled state. */
    disabled?: boolean;
    /** When set to true, sets the width to 100% of parent. */
    fluid?: boolean;
    /** Form identifier for form submission. */
    form?: string;
    /** A unique identifier, required. */
    id: string;
    /** Label text associated with the component. */
    label?: string;
    /** Messages array. */
    messages?: string[];
    /** Message type color. */
    messageType?: CLColors;
    /** Name attribute for the input. */
    name: string;
    /** Callback when focus lost. */
    onBlur?: CLGenericFocusFunction;
    /** Callback when value changed. */
    onChange?: CLGenericFunction;
    /** Callback when gaining focus. */
    onFocus?: CLGenericFocusFunction;
    /** Callback when reset is clicked. */
    onReset?: CLGenericFunction;
    /** Orientation of label. */
    orientation?: CLOrientation;
    /** Placement of dropdown popover. */
    placement?: CLPlacement;
    /** Placeholder text. */
    placeholder?: string;
    /** Required state. */
    required?: boolean;
    /** Rounded corners flag. */
    rounded?: boolean;
    /** Custom test ID. */
    testId?: string;
    /** Use 24-hour format. */
    use24Hour?: boolean;
}
declare const _default: import('vue').DefineComponent<{
    modelValue?: string | null;
} & CLInputTimePickerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
    "update:modelValue": (value: string | null) => any;
}, string, import('vue').PublicProps, Readonly<{
    modelValue?: string | null;
} & CLInputTimePickerProps> & Readonly<{
    "onUpdate:modelValue"?: ((value: string | null) => any) | undefined;
}>, {
    form: string;
    label: string;
    size: CLSizes;
    color: CLColors;
    variant: CLColorVariants.Outline | CLColorVariants.Ghost;
    fluid: boolean;
    rounded: boolean;
    testId: string;
    onFocus: CLGenericFocusFunction;
    onBlur: CLGenericFocusFunction;
    onChange: CLGenericFunction;
    onReset: CLGenericFunction;
    borderRadius: CLBorderRadius;
    use24Hour: boolean;
    required: boolean;
    ariaLabel: string;
    busy: boolean;
    disabled: boolean;
    placeholder: string;
    orientation: CLOrientation;
    messages: string[];
    messageType: CLColors;
    placement: CLPlacement;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
    inputRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
        modelValue?: string | number;
    } & import('../CLInput').CLInputProps> & Readonly<{
        onReset?: ((...args: any[]) => any) | undefined;
        "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
    }>, {
        inputRef: Readonly<globalThis.ShallowRef<HTMLInputElement | null>>;
    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
        reset: (...args: any[]) => void;
        "update:modelValue": (value: string | number) => void;
    }, import('vue').PublicProps, {
        form: string;
        label: string;
        pattern: string;
        size: CLSizes;
        color: CLColors;
        variant: CLColorVariants.Outline | CLColorVariants.Ghost;
        fluid: boolean;
        rounded: boolean;
        testId: string;
        type: import('@codeandfunction/callaloo-types').CLInputTypes;
        onFocus: CLGenericFocusFunction;
        onBlur: CLGenericFocusFunction;
        onChange: CLGenericFunction;
        onInput: import('../../../index.ts').CLGenericInputFunction;
        borderRadius: CLBorderRadius;
        prefix: string | CLIconNames;
        required: boolean;
        ariaLabel: string;
        busy: boolean;
        disabled: boolean;
        pill: string;
        placeholder: string;
        orientation: CLOrientation;
        messages: string[];
        messageType: CLColors;
        maxLength: number;
        grouped: boolean;
        suffix: string | CLIconNames;
        autoComplete: boolean;
        charCounter: boolean;
        minLength: number;
        onPrefixClick: (event?: MouseEvent) => void;
        onSuffixClick: (event?: MouseEvent) => void;
        prefixAriaLabel: string;
        readonly: boolean;
        spellCheck: boolean;
        suffixAriaLabel: string;
    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
        'input-elem': HTMLInputElement;
    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
        P: {};
        B: {};
        D: {};
        C: {};
        M: {};
        Defaults: {};
    }, Readonly<{
        modelValue?: string | number;
    } & import('../CLInput').CLInputProps> & Readonly<{
        onReset?: ((...args: any[]) => any) | undefined;
        "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
    }>, {
        inputRef: Readonly<globalThis.ShallowRef<HTMLInputElement | null>>;
    }, {}, {}, {}, {
        form: string;
        label: string;
        pattern: string;
        size: CLSizes;
        color: CLColors;
        variant: CLColorVariants.Outline | CLColorVariants.Ghost;
        fluid: boolean;
        rounded: boolean;
        testId: string;
        type: import('@codeandfunction/callaloo-types').CLInputTypes;
        onFocus: CLGenericFocusFunction;
        onBlur: CLGenericFocusFunction;
        onChange: CLGenericFunction;
        onInput: import('../../../index.ts').CLGenericInputFunction;
        borderRadius: CLBorderRadius;
        prefix: string | CLIconNames;
        required: boolean;
        ariaLabel: string;
        busy: boolean;
        disabled: boolean;
        pill: string;
        placeholder: string;
        orientation: CLOrientation;
        messages: string[];
        messageType: CLColors;
        maxLength: number;
        grouped: boolean;
        suffix: string | CLIconNames;
        autoComplete: boolean;
        charCounter: boolean;
        minLength: number;
        onPrefixClick: (event?: MouseEvent) => void;
        onSuffixClick: (event?: MouseEvent) => void;
        prefixAriaLabel: string;
        readonly: boolean;
        spellCheck: boolean;
        suffixAriaLabel: string;
    }> | null;
    popoverRef: HTMLDivElement;
    timePickerRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
        modelValue?: string | null;
    } & import('../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('../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;