sit-onyx 1.6.0-dev-20251216104923 → 1.6.0-dev-20251217080736

package/dist/components/OnyxSelect/OnyxSelect.d.vue.ts

@@ -32,6 +32,10 @@ declare const _default: <TModelValue extends SelectOptionValue | SelectOptionVal
          * Optional slot to override the option content.
          */
         option?(props: SelectOption<TValue>): unknown;
+        /**
+         * Optional slot to override the icon of the toggle button inside the input.
+         */
+        toggleIcon?(): unknown;
     }> & {
         /**
          * Optional slot to customize the empty state when no options exist.
@@ -51,6 +55,10 @@ declare const _default: <TModelValue extends SelectOptionValue | SelectOptionVal
          * Optional slot to override the option content.
          */
         option?(props: SelectOption<TValue>): unknown;
+        /**
+         * Optional slot to override the icon of the toggle button inside the input.
+         */
+        toggleIcon?(): unknown;
     };
     emit: ((evt: "validityChange", validity: ValidityState) => void) & ((evt: "update:modelValue", value?: Nullable<TModelValue>) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "lazyLoad") => void) & ((evt: "update:searchTerm", value: string) => void);
 }>) => import('vue').VNode & {

package/dist/components/OnyxSelectInput/OnyxSelectInput.d.vue.ts

@@ -9,7 +9,17 @@ declare const _default: <TValue extends SelectOptionValue>(__VLS_props: NonNulla
         input: Readonly<import('vue', { with: { "resolution-mode": "import" } }).ShallowRef<HTMLInputElement | null>>;
     }>): void;
     attrs: any;
-    slots: {};
+    slots: Readonly<{
+        /**
+         * Optional slot to override the icon of the toggle button inside the input.
+         */
+        icon?(): unknown;
+    }> & {
+        /**
+         * Optional slot to override the icon of the toggle button inside the input.
+         */
+        icon?(): unknown;
+    };
     emit: ((evt: "validityChange", validity: ValidityState) => void) & ((evt: "inputClick") => void);
 }>) => import('vue').VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;

package/dist/components/OnyxTimepicker/OnyxTimeInput.d.vue.ts

@@ -0,0 +1,129 @@
+import { OnyxTimepickerProps, TimepickerType } from './types.js';
+type __VLS_Props = OnyxTimepickerProps<TimepickerType>;
+declare const _default: import('vue', { with: { "resolution-mode": "import" } }).DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue', { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import('vue', { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {
+    "update:modelValue": (value?: string | undefined) => any;
+}, string, import('vue', { with: { "resolution-mode": "import" } }).PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value?: string | undefined) => any) | undefined;
+}>, {
+    type: "default" | "select";
+}, {}, {}, {}, string, import('vue', { with: { "resolution-mode": "import" } }).ComponentProvideOptions, false, {
+    rootTemplateRef: HTMLDivElement;
+    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>;
+        readonly: boolean;
+        loading: boolean;
+        stepSize: number;
+        hideButtons: boolean;
+    }, false, {}, {}, import('vue', { with: { "resolution-mode": "import" } }).GlobalComponents, import('vue', { with: { "resolution-mode": "import" } }).GlobalDirectives, string, {
+        inputRef: 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>;
+        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>;
+        readonly: boolean;
+        loading: boolean;
+        stepSize: number;
+        hideButtons: boolean;
+    }, false, {}, {}, import('vue', { with: { "resolution-mode": "import" } }).GlobalComponents, import('vue', { with: { "resolution-mode": "import" } }).GlobalDirectives, string, {
+        inputRef: 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>;
+        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>;
+        readonly: boolean;
+        loading: boolean;
+        stepSize: number;
+        hideButtons: boolean;
+    }, false, {}, {}, import('vue', { with: { "resolution-mode": "import" } }).GlobalComponents, import('vue', { with: { "resolution-mode": "import" } }).GlobalDirectives, string, {
+        inputRef: 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>;
+        readonly: boolean;
+        loading: boolean;
+        stepSize: number;
+        hideButtons: boolean;
+    }> | null;
+}, HTMLDivElement>;
+export default _default;

package/dist/components/OnyxTimepicker/OnyxTimeSelect.d.vue.ts

@@ -0,0 +1,10 @@
+import { OnyxTimepickerProps, TimepickerType } from './types.js';
+type __VLS_Props = OnyxTimepickerProps<TimepickerType>;
+declare const _default: import('vue', { with: { "resolution-mode": "import" } }).DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue', { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import('vue', { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {
+    "update:modelValue": (value?: string | undefined) => any;
+}, string, import('vue', { with: { "resolution-mode": "import" } }).PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value?: string | undefined) => any) | undefined;
+}>, {
+    type: "default" | "select";
+}, {}, {}, {}, string, import('vue', { with: { "resolution-mode": "import" } }).ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/OnyxTimepicker/OnyxTimepicker.d.vue.ts

@@ -1,7 +1,8 @@
-import { OnyxTimepickerProps } from './types.js';
-declare const _default: import('vue', { with: { "resolution-mode": "import" } }).DefineComponent<OnyxTimepickerProps, {}, {}, {}, {}, import('vue', { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import('vue', { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {
+import { OnyxTimepickerProps, TimepickerType } from './types.js';
+type __VLS_Props = OnyxTimepickerProps<TimepickerType>;
+declare const _default: import('vue', { with: { "resolution-mode": "import" } }).DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue', { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import('vue', { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {
     "update:modelValue": (value?: string | undefined) => any;
-}, string, import('vue', { with: { "resolution-mode": "import" } }).PublicProps, Readonly<OnyxTimepickerProps> & Readonly<{
+}, string, import('vue', { with: { "resolution-mode": "import" } }).PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:modelValue"?: ((value?: string | undefined) => any) | undefined;
 }>, {
     skeleton: import('../../composables/useSkeletonState.js', { with: { "resolution-mode": "import" } }).SkeletonInjected;
@@ -10,125 +11,7 @@ declare const _default: import('vue', { with: { "resolution-mode": "import" } })
     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>;
     readonly: boolean;
+    type: "default" | "select";
     showSeconds: boolean;
-}, {}, {}, {}, string, import('vue', { with: { "resolution-mode": "import" } }).ComponentProvideOptions, false, {
-    rootTemplateRef: HTMLDivElement;
-    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('../../composables/useSkeletonState.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>;
-        readonly: boolean;
-        loading: boolean;
-        stepSize: number;
-        hideButtons: boolean;
-    }, false, {}, {}, import('vue', { with: { "resolution-mode": "import" } }).GlobalComponents, import('vue', { with: { "resolution-mode": "import" } }).GlobalDirectives, string, {
-        inputRef: 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('../../composables/useSkeletonState.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>;
-        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('../../composables/useSkeletonState.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>;
-        readonly: boolean;
-        loading: boolean;
-        stepSize: number;
-        hideButtons: boolean;
-    }, false, {}, {}, import('vue', { with: { "resolution-mode": "import" } }).GlobalComponents, import('vue', { with: { "resolution-mode": "import" } }).GlobalDirectives, string, {
-        inputRef: 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('../../composables/useSkeletonState.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>;
-        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('../../composables/useSkeletonState.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>;
-        readonly: boolean;
-        loading: boolean;
-        stepSize: number;
-        hideButtons: boolean;
-    }, false, {}, {}, import('vue', { with: { "resolution-mode": "import" } }).GlobalComponents, import('vue', { with: { "resolution-mode": "import" } }).GlobalDirectives, string, {
-        inputRef: 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('../../composables/useSkeletonState.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>;
-        readonly: boolean;
-        loading: boolean;
-        stepSize: number;
-        hideButtons: boolean;
-    }> | null;
-}, HTMLDivElement>;
+}, {}, {}, {}, string, import('vue', { with: { "resolution-mode": "import" } }).ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/dist/components/OnyxTimepicker/OnyxTimepickerInput.d.vue.ts

@@ -1,5 +1,5 @@
-import { OnyxTimepickerProps } from './types.js';
-type __VLS_Props = OnyxTimepickerProps & {
+import { OnyxTimepickerProps, TimepickerType } from './types.js';
+type __VLS_Props = Omit<OnyxTimepickerProps<TimepickerType>, "type"> & {
     /**
      * Defines the granularity of the time input in seconds.
      */

package/dist/components/OnyxTimepicker/types.d.ts

@@ -1,6 +1,47 @@
 import { AutofocusProp } from '../../types/components.js';
 import { SharedFormElementProps } from '../OnyxFormElement/types.js';
-export type OnyxTimepickerProps = Omit<SharedFormElementProps, "placeholder"> & AutofocusProp & {
+import { OnyxInputProps } from '../OnyxInput/types.js';
+import { SelectOption } from '../OnyxSelect/types.js';
+export declare const TIMEPICKER_TYPES: readonly ["default", "select"];
+export type TimepickerType = (typeof TIMEPICKER_TYPES)[number];
+export type TimepickerSelectOptions = {
+    /**
+     * The step size, in seconds, used for generating the time options.
+     * @default 1800 // 30 min
+     */
+    stepSize?: number;
+    /**
+     * A function that provides custom time options.
+     */
+    customTimes?: SelectOption<string>[];
+};
+export type OnyxTimepickerProps<TType extends TimepickerType = "default"> = Omit<SharedFormElementProps, "placeholder"> & Pick<OnyxInputProps, "hideClearIcon"> & AutofocusProp & {
+    /**
+     * Specifies the type of timepicker input.
+     * - 'default': Free text input with validation.
+     * - 'select': Displays a dropdown list with pre-generated time options.
+     * @default 'default'
+     */
+    type?: TType;
+    /**
+     * Configuration options for the timepicker's option generation.
+     * This property is ONLY available when `type` is set to 'select'.
+     */
+    options?: TType extends "select" ? TimepickerSelectOptions : never;
+    /**
+     * Time in Seconds since midnight.
+     */
+    modelValue?: string;
+    /**
+     * Minimum time to input in 24-hour format (including the minimum time).
+     * @format HH:MM:SS (e.g., "08:00:00")
+     */
+    min?: `${number}:${number}` | `${number}:${number}:${number}`;
+    /**
+     * Maximum time to input in 24-hour format (including the maximum time).
+     * @format HH:MM:ss (e.g., "17:30:00")
+     */
+    max?: `${number}:${number}` | `${number}:${number}:${number}`;
     /**
      * Whether to show the seconds segment (:SS).
      * If true, the format is HH:MM:SS. If false, the format is HH:MM.
@@ -14,8 +55,4 @@ export type OnyxTimepickerProps = Omit<SharedFormElementProps, "placeholder"> &
      * Whether to hide the info label.
      */
     hideInfoLabelIcon?: boolean;
-    /**
-     * Time in Seconds since midnight.
-     */
-    modelValue?: string;
 };

package/dist/i18n/locales/de-DE.json

@@ -277,7 +277,8 @@
             "popover": "Timepicker Popover",
             "hour": "Stunde",
             "minute": "Minute",
-            "second": "Sekunde"
+            "second": "Sekunde",
+            "listLabel": "Zeitoptionen"
         }
     },
     "itemsPerPage": {

package/dist/i18n/locales/en-US.json

@@ -280,7 +280,8 @@
             "popover": "Timepicker Popover",
             "hour": "Hour",
             "minute": "Minute",
-            "second": "Second"
+            "second": "Second",
+            "listLabel": "Time options"
         }
     },
     "itemsPerPage": {

package/dist/i18n/locales/en-US.json.d.ts

@@ -280,7 +280,8 @@ declare const _default: {
       "popover": "Timepicker Popover",
       "hour": "Hour",
       "minute": "Minute",
-      "second": "Second"
+      "second": "Second",
+      "listLabel": "Time options"
     }
   },
   "itemsPerPage": {