import { CLColors } from '../../../index.ts';
import { TimePeriod } from '../../../composables/useTimePicker';
export interface CLTimePickerProps {
    /** Sets the color theme of the time picker. */
    color?: CLColors;
    /** Sets the disabled state. */
    disabled?: boolean;
    /** Sets the busy state. */
    busy?: boolean;
    /** Whether to make the time picker fluid (100% width). */
    fluid?: boolean;
    /** Header label text displayed at top of picker. Defaults to 'Enter time'. */
    headerLabel?: string;
    /** Sets custom ID used for unit tests. */
    testId?: string;
    /** Whether to use 24-hour format instead of 12-hour AM/PM format. */
    use24Hour?: boolean;
    /** Sets the width of the time picker container. */
    width?: string;
}
declare const _default: import('vue').DefineComponent<{
    modelValue?: string | null;
} & CLTimePickerProps, {
    apply: () => void;
    cancel: () => void;
    draftHour: globalThis.Ref<string, string>;
    draftMinute: globalThis.Ref<string, string>;
    draftPeriod: globalThis.Ref<TimePeriod, TimePeriod>;
    getFormattedDraft: () => string;
    initializeDraft: () => void;
    reset: () => void;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
    "update:modelValue": (value: string | null) => any;
    "time-select": (time: string) => any;
}, string, import('vue').PublicProps, Readonly<{
    modelValue?: string | null;
} & CLTimePickerProps> & Readonly<{
    "onUpdate:modelValue"?: ((value: string | null) => any) | undefined;
    "onTime-select"?: ((time: string) => any) | undefined;
}>, {
    width: string;
    color: CLColors;
    fluid: boolean;
    testId: string;
    use24Hour: boolean;
    busy: boolean;
    disabled: boolean;
    headerLabel: string;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
export default _default;