import { Ref } from 'vue';
import { AutofocusProp } from '../../types/components.js';
import { OnyxTimePickerProps } from './types.js';
type Segment = "hour" | "minute" | "second";
type InputRef = {
    input: {
        focus: () => void;
        select: () => void;
    } & HTMLInputElement;
};
type __VLS_Props = Pick<OnyxTimePickerProps, "modelValue" | "disabled" | "loading" | "readonly" | "showSeconds" | "showAmPm"> & AutofocusProp;
declare const _default: import('vue', { with: { "resolution-mode": "import" } }).DefineComponent<__VLS_Props, {
    getSegmentRef: (segment: Segment) => Ref<InputRef | null>;
    handleSegmentFocus: (refElement: InputRef | null) => void;
}, {}, {}, {}, import('vue', { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import('vue', { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {
    "update:modelValue": (value?: string | undefined) => any;
    "jump-segment": (currentSegment: Segment, direction: 1 | -1) => any;
}, string, import('vue', { with: { "resolution-mode": "import" } }).PublicProps, Readonly<__VLS_Props> & Readonly<{
    "onUpdate:modelValue"?: ((value?: string | undefined) => any) | undefined;
    "onJump-segment"?: ((currentSegment: Segment, direction: 1 | -1) => any) | undefined;
}>, {}, {}, {}, {}, string, import('vue', { with: { "resolution-mode": "import" } }).ComponentProvideOptions, false, {
    hourInputTemplateRef: import('vue', { with: { "resolution-mode": "import" } }).CreateComponentPublicInstanceWithMixins<Readonly<import('../OnyxStepper/types.js', { with: { "resolution-mode": "import" } }).OnyxStepperProps> & Readonly<{
        onValidityChange?: ((validity: ValidityState) => any) | undefined;
        "onUpdate:modelValue"?: ((value?: import('../../index.js', { with: { "resolution-mode": "import" } }).Nullable<number>) => any) | undefined;
    }>, {
        input: Readonly<import('vue', { with: { "resolution-mode": "import" } }).ShallowRef<HTMLInputElement | null>>;
    }, {}, {}, {}, import('vue', { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import('vue', { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {
        validityChange: (validity: ValidityState) => any;
        "update:modelValue": (value?: import('../../index.js', { with: { "resolution-mode": "import" } }).Nullable<number>) => any;
    }, import('vue', { with: { "resolution-mode": "import" } }).PublicProps, {
        skeleton: import('../../index.js', { with: { "resolution-mode": "import" } }).SkeletonInjected;
        disabled: import('../OnyxForm/OnyxForm.core.js', { with: { "resolution-mode": "import" } }).FormInjected<boolean>;
        showError: import('../OnyxForm/OnyxForm.core.js', { with: { "resolution-mode": "import" } }).FormInjected<import('../../composables/useErrorClass.js', { with: { "resolution-mode": "import" } }).ShowErrorMode>;
        requiredMarker: import('../OnyxForm/OnyxForm.core.js', { with: { "resolution-mode": "import" } }).FormInjected<import('../../composables/required.js', { with: { "resolution-mode": "import" } }).RequiredMarkerType>;
        reserveMessageSpace: import('../OnyxForm/OnyxForm.core.js', { with: { "resolution-mode": "import" } }).FormInjected<boolean>;
        readonly: boolean;
        loading: boolean;
        stepSize: number;
        hideButtons: boolean;
    }, false, {}, {}, import('vue', { with: { "resolution-mode": "import" } }).GlobalComponents, import('vue', { with: { "resolution-mode": "import" } }).GlobalDirectives, string, {
        input: HTMLInputElement;
    }, any, import('vue', { with: { "resolution-mode": "import" } }).ComponentProvideOptions, {
        P: {};
        B: {};
        D: {};
        C: {};
        M: {};
        Defaults: {};
    }, Readonly<import('../OnyxStepper/types.js', { with: { "resolution-mode": "import" } }).OnyxStepperProps> & Readonly<{
        onValidityChange?: ((validity: ValidityState) => any) | undefined;
        "onUpdate:modelValue"?: ((value?: import('../../index.js', { with: { "resolution-mode": "import" } }).Nullable<number>) => any) | undefined;
    }>, {
        input: Readonly<import('vue', { with: { "resolution-mode": "import" } }).ShallowRef<HTMLInputElement | null>>;
    }, {}, {}, {}, {
        skeleton: import('../../index.js', { with: { "resolution-mode": "import" } }).SkeletonInjected;
        disabled: import('../OnyxForm/OnyxForm.core.js', { with: { "resolution-mode": "import" } }).FormInjected<boolean>;
        showError: import('../OnyxForm/OnyxForm.core.js', { with: { "resolution-mode": "import" } }).FormInjected<import('../../composables/useErrorClass.js', { with: { "resolution-mode": "import" } }).ShowErrorMode>;
        requiredMarker: import('../OnyxForm/OnyxForm.core.js', { with: { "resolution-mode": "import" } }).FormInjected<import('../../composables/required.js', { with: { "resolution-mode": "import" } }).RequiredMarkerType>;
        reserveMessageSpace: import('../OnyxForm/OnyxForm.core.js', { with: { "resolution-mode": "import" } }).FormInjected<boolean>;
        readonly: boolean;
        loading: boolean;
        stepSize: number;
        hideButtons: boolean;
    }> | null;
    minuteInputTemplateRef: import('vue', { with: { "resolution-mode": "import" } }).CreateComponentPublicInstanceWithMixins<Readonly<import('../OnyxStepper/types.js', { with: { "resolution-mode": "import" } }).OnyxStepperProps> & Readonly<{
        onValidityChange?: ((validity: ValidityState) => any) | undefined;
        "onUpdate:modelValue"?: ((value?: import('../../index.js', { with: { "resolution-mode": "import" } }).Nullable<number>) => any) | undefined;
    }>, {
        input: Readonly<import('vue', { with: { "resolution-mode": "import" } }).ShallowRef<HTMLInputElement | null>>;
    }, {}, {}, {}, import('vue', { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import('vue', { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {
        validityChange: (validity: ValidityState) => any;
        "update:modelValue": (value?: import('../../index.js', { with: { "resolution-mode": "import" } }).Nullable<number>) => any;
    }, import('vue', { with: { "resolution-mode": "import" } }).PublicProps, {
        skeleton: import('../../index.js', { with: { "resolution-mode": "import" } }).SkeletonInjected;
        disabled: import('../OnyxForm/OnyxForm.core.js', { with: { "resolution-mode": "import" } }).FormInjected<boolean>;
        showError: import('../OnyxForm/OnyxForm.core.js', { with: { "resolution-mode": "import" } }).FormInjected<import('../../composables/useErrorClass.js', { with: { "resolution-mode": "import" } }).ShowErrorMode>;
        requiredMarker: import('../OnyxForm/OnyxForm.core.js', { with: { "resolution-mode": "import" } }).FormInjected<import('../../composables/required.js', { with: { "resolution-mode": "import" } }).RequiredMarkerType>;
        reserveMessageSpace: import('../OnyxForm/OnyxForm.core.js', { with: { "resolution-mode": "import" } }).FormInjected<boolean>;
        readonly: boolean;
        loading: boolean;
        stepSize: number;
        hideButtons: boolean;
    }, false, {}, {}, import('vue', { with: { "resolution-mode": "import" } }).GlobalComponents, import('vue', { with: { "resolution-mode": "import" } }).GlobalDirectives, string, {
        input: HTMLInputElement;
    }, any, import('vue', { with: { "resolution-mode": "import" } }).ComponentProvideOptions, {
        P: {};
        B: {};
        D: {};
        C: {};
        M: {};
        Defaults: {};
    }, Readonly<import('../OnyxStepper/types.js', { with: { "resolution-mode": "import" } }).OnyxStepperProps> & Readonly<{
        onValidityChange?: ((validity: ValidityState) => any) | undefined;
        "onUpdate:modelValue"?: ((value?: import('../../index.js', { with: { "resolution-mode": "import" } }).Nullable<number>) => any) | undefined;
    }>, {
        input: Readonly<import('vue', { with: { "resolution-mode": "import" } }).ShallowRef<HTMLInputElement | null>>;
    }, {}, {}, {}, {
        skeleton: import('../../index.js', { with: { "resolution-mode": "import" } }).SkeletonInjected;
        disabled: import('../OnyxForm/OnyxForm.core.js', { with: { "resolution-mode": "import" } }).FormInjected<boolean>;
        showError: import('../OnyxForm/OnyxForm.core.js', { with: { "resolution-mode": "import" } }).FormInjected<import('../../composables/useErrorClass.js', { with: { "resolution-mode": "import" } }).ShowErrorMode>;
        requiredMarker: import('../OnyxForm/OnyxForm.core.js', { with: { "resolution-mode": "import" } }).FormInjected<import('../../composables/required.js', { with: { "resolution-mode": "import" } }).RequiredMarkerType>;
        reserveMessageSpace: import('../OnyxForm/OnyxForm.core.js', { with: { "resolution-mode": "import" } }).FormInjected<boolean>;
        readonly: boolean;
        loading: boolean;
        stepSize: number;
        hideButtons: boolean;
    }> | null;
    secondInputTemplateRef: import('vue', { with: { "resolution-mode": "import" } }).CreateComponentPublicInstanceWithMixins<Readonly<import('../OnyxStepper/types.js', { with: { "resolution-mode": "import" } }).OnyxStepperProps> & Readonly<{
        onValidityChange?: ((validity: ValidityState) => any) | undefined;
        "onUpdate:modelValue"?: ((value?: import('../../index.js', { with: { "resolution-mode": "import" } }).Nullable<number>) => any) | undefined;
    }>, {
        input: Readonly<import('vue', { with: { "resolution-mode": "import" } }).ShallowRef<HTMLInputElement | null>>;
    }, {}, {}, {}, import('vue', { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import('vue', { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {
        validityChange: (validity: ValidityState) => any;
        "update:modelValue": (value?: import('../../index.js', { with: { "resolution-mode": "import" } }).Nullable<number>) => any;
    }, import('vue', { with: { "resolution-mode": "import" } }).PublicProps, {
        skeleton: import('../../index.js', { with: { "resolution-mode": "import" } }).SkeletonInjected;
        disabled: import('../OnyxForm/OnyxForm.core.js', { with: { "resolution-mode": "import" } }).FormInjected<boolean>;
        showError: import('../OnyxForm/OnyxForm.core.js', { with: { "resolution-mode": "import" } }).FormInjected<import('../../composables/useErrorClass.js', { with: { "resolution-mode": "import" } }).ShowErrorMode>;
        requiredMarker: import('../OnyxForm/OnyxForm.core.js', { with: { "resolution-mode": "import" } }).FormInjected<import('../../composables/required.js', { with: { "resolution-mode": "import" } }).RequiredMarkerType>;
        reserveMessageSpace: import('../OnyxForm/OnyxForm.core.js', { with: { "resolution-mode": "import" } }).FormInjected<boolean>;
        readonly: boolean;
        loading: boolean;
        stepSize: number;
        hideButtons: boolean;
    }, false, {}, {}, import('vue', { with: { "resolution-mode": "import" } }).GlobalComponents, import('vue', { with: { "resolution-mode": "import" } }).GlobalDirectives, string, {
        input: HTMLInputElement;
    }, any, import('vue', { with: { "resolution-mode": "import" } }).ComponentProvideOptions, {
        P: {};
        B: {};
        D: {};
        C: {};
        M: {};
        Defaults: {};
    }, Readonly<import('../OnyxStepper/types.js', { with: { "resolution-mode": "import" } }).OnyxStepperProps> & Readonly<{
        onValidityChange?: ((validity: ValidityState) => any) | undefined;
        "onUpdate:modelValue"?: ((value?: import('../../index.js', { with: { "resolution-mode": "import" } }).Nullable<number>) => any) | undefined;
    }>, {
        input: Readonly<import('vue', { with: { "resolution-mode": "import" } }).ShallowRef<HTMLInputElement | null>>;
    }, {}, {}, {}, {
        skeleton: import('../../index.js', { with: { "resolution-mode": "import" } }).SkeletonInjected;
        disabled: import('../OnyxForm/OnyxForm.core.js', { with: { "resolution-mode": "import" } }).FormInjected<boolean>;
        showError: import('../OnyxForm/OnyxForm.core.js', { with: { "resolution-mode": "import" } }).FormInjected<import('../../composables/useErrorClass.js', { with: { "resolution-mode": "import" } }).ShowErrorMode>;
        requiredMarker: import('../OnyxForm/OnyxForm.core.js', { with: { "resolution-mode": "import" } }).FormInjected<import('../../composables/required.js', { with: { "resolution-mode": "import" } }).RequiredMarkerType>;
        reserveMessageSpace: import('../OnyxForm/OnyxForm.core.js', { with: { "resolution-mode": "import" } }).FormInjected<boolean>;
        readonly: boolean;
        loading: boolean;
        stepSize: number;
        hideButtons: boolean;
    }> | null;
}, HTMLDivElement>;
export default _default;