@onereach/ui-components 3.0.4-beta.2500.0 → 3.0.4-beta.2502.0

package/dist/bundled/v3/OrTimePicker.vue_vue_type_script_lang-f46eb37f.js

@@ -0,0 +1,176 @@
+import { defineComponent, ref, computed, reactive, watch } from 'vue';
+import { s as script$1, a as script$2, b as script$3 } from './OrDateTimePickerPopoverHeader-caffcc00.js';
+import { s as script$4 } from './OrDateTimePickerTimeSelect-e3a89bed.js';
+import './OrHint-fcd2563e.js';
+import './OrIconButton-55238a89.js';
+import './OrInputBox-688eb48b.js';
+import './OrLabel-4da10c50.js';
+import './OrPopover-40d53b57.js';
+import { a as useIdAttribute, u as useControlAttributes } from './useIdAttribute-b2e42f31.js';
+import { u as useValidationAttributes } from './useValidationAttributes-5428d8fa.js';
+import { s as script$5 } from './OrError.vue_vue_type_script_lang-7305a1d9.js';
+import { s as script$6 } from './OrHint.vue_vue_type_script_lang-47d9b9ed.js';
+import { s as script$7 } from './OrIconButton.vue_vue_type_script_lang-3aeb76ac.js';
+import { s as script$8 } from './OrInputBox.vue_vue_type_script_lang-0e3ff329.js';
+import { s as script$9 } from './OrLabel.vue_vue_type_script_lang-5ba2b33c.js';
+import { s as script$a } from './OrPopover.vue_vue_type_script_lang-9bf2361c.js';
+import { D as DropdownClose, a as DropdownOpen } from './dropdown-open-0a494cc1.js';
+import { I as InputBoxSize } from './props-c966ae5f.js';
+
+const TimePicker = [
+// Layout
+'layout-column',
+// Spacing
+'gap-xs'];
+const TimePickerControl = [
+// Layout
+'layout-inline-row justify-center'];
+
+var script = defineComponent({
+  name: 'OrDateTimePicker',
+  components: {
+    OrDateTimePickerMobileControl: script$1,
+    OrDateTimePickerPopoverFooter: script$2,
+    OrDateTimePickerPopoverHeader: script$3,
+    OrDateTimePickerTimeSelect: script$4,
+    OrError: script$5,
+    OrHint: script$6,
+    OrIconButton: script$7,
+    OrInputBox: script$8,
+    OrLabel: script$9,
+    OrPopover: script$a
+  },
+  directives: {
+    DropdownClose,
+    DropdownOpen
+  },
+  model: {
+    prop: 'modelValue',
+    event: 'update:modelValue'
+  },
+  props: {
+    modelValue: {
+      type: Date,
+      default: undefined
+    },
+    filter: {
+      type: Function,
+      default: undefined
+    },
+    size: {
+      type: String,
+      default: InputBoxSize.M
+    },
+    label: {
+      type: String,
+      default: undefined
+    },
+    hint: {
+      type: String,
+      default: undefined
+    },
+    error: {
+      type: [String, Boolean],
+      default: undefined
+    },
+    required: {
+      type: Boolean,
+      default: false
+    },
+    readonly: {
+      type: Boolean,
+      default: false
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    disableDefaultStyles: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ['update:modelValue', 'keydown', 'keyup', 'focus', 'blur'],
+  expose: ['root', 'focus', 'blur'],
+  setup(props, context) {
+    // Refs
+    const root = ref();
+    const control = ref();
+    const popover = ref();
+    const popoverState = computed(() => {
+      var _a;
+      return (_a = popover.value) === null || _a === void 0 ? void 0 : _a.state;
+    });
+    // Styles
+    const rootStyles = computed(() => ['or-time-picker', ...TimePicker]);
+    const controlStyles = computed(() => [...TimePickerControl]);
+    // State
+    const controlAttributes = reactive({
+      id: useIdAttribute(),
+      ...useControlAttributes(),
+      ...useValidationAttributes()
+    });
+    const proxyModelValue = computed({
+      get: () => props.modelValue,
+      set: value => {
+        context.emit('update:modelValue', value);
+      }
+    });
+    const draftModelValue = ref();
+    watch(proxyModelValue, value => {
+      draftModelValue.value = value;
+    }, {
+      immediate: true
+    });
+    // Methods
+    function togglePopover() {
+      if (!props.readonly && !props.disabled) {
+        const popoverInstance = popover.value;
+        if (popoverInstance) {
+          if (popoverState.value === 'open') {
+            popoverInstance.close();
+          } else {
+            popoverInstance.open();
+          }
+        }
+      }
+    }
+    function closePopover() {
+      const popoverInstance = popover.value;
+      if (popoverInstance) {
+        popoverInstance.close();
+      }
+    }
+    function formatTime(value) {
+      var _a;
+      return (_a = value === null || value === void 0 ? void 0 : value.toLocaleString('default', {
+        timeStyle: 'short',
+        timeZone: 'UTC'
+      })) !== null && _a !== void 0 ? _a : '--';
+    }
+    function formatTimeAlt(value) {
+      var _a;
+      return (_a = value === null || value === void 0 ? void 0 : value.toLocaleString('default', {
+        timeStyle: 'short',
+        timeZone: 'UTC'
+      })) !== null && _a !== void 0 ? _a : '--';
+    }
+    return {
+      root,
+      control,
+      popover,
+      popoverState,
+      rootStyles,
+      controlStyles,
+      controlAttributes,
+      proxyModelValue,
+      draftModelValue,
+      togglePopover,
+      closePopover,
+      formatTime,
+      formatTimeAlt
+    };
+  }
+});
+
+export { script as s };

package/dist/bundled/v3/components/index.d.ts

@@ -17,6 +17,7 @@ export * from './or-collapse';
 export * from './or-color-picker';
 export * from './or-confirm';
 export * from './or-confirm-v3';
+export * from './or-date-picker-v3';
 export * from './or-date-time-picker';
 export * from './or-date-time-picker-v3';
 export * from './or-empty-state-v3';
@@ -90,6 +91,7 @@ export * from './or-text-v3';
 export * from './or-textarea';
 export * from './or-textarea-v3';
 export * from './or-textbox';
+export * from './or-time-picker-v3';
 export * from './or-toast';
 export * from './or-toast-v3';
 export * from './or-tooltip';

package/dist/bundled/v3/components/index.js

@@ -20,9 +20,10 @@ export { s as OrCollapse } from '../OrCollapse.vue_vue_type_script_lang-04ffe655
 export { s as OrColorPicker, h as amber, n as black, b as blue, m as blueGrey, k as brown, c as cyan, j as deepOrange, d as deepPurple, g as green, i as indigo, l as lightBlue, e as lightGreen, f as lime, o as orange, p as pink, a as purple, r as red, t as teal, w as white, y as yellow } from '../OrColorPicker.vue_vue_type_script_lang-3b58e79f.js';
 export { s as OrConfirm } from '../OrConfirm.vue_vue_type_script_lang-3eb862c3.js';
 export { C as ConfirmType, s as OrConfirmV3 } from '../OrConfirm.vue_vue_type_script_lang-6bf48817.js';
+export { s as OrDatePickerV3 } from '../OrDatePicker.vue_vue_type_script_lang-8eafbe6b.js';
+export { I as DatePickerSize, I as DateTimePickerSize, I as InputBoxSize, a as InputBoxVariant, I as InputSize, I as SearchSize, I as SelectSize, I as TextareaSize, I as TimePickerSize } from '../props-c966ae5f.js';
 export { D as DEFAULT_TEXT, s as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from '../OrDateTimePicker.vue_vue_type_script_lang-d7344d80.js';
-export { s as OrDateTimePickerV3 } from '../OrDateTimePicker.vue_vue_type_script_lang-77c42110.js';
-export { I as DateTimePickerSize, I as InputBoxSize, a as InputBoxVariant, I as InputSize, I as SearchSize, I as SelectSize, I as TextareaSize } from '../props-c966ae5f.js';
+export { s as OrDateTimePickerV3 } from '../OrDateTimePicker.vue_vue_type_script_lang-b2a9ef8d.js';
 export { E as EmptyStateSize, s as OrEmptyStateV3 } from '../OrEmptyState.vue_vue_type_script_lang-4dc955fd.js';
 export { s as OrError } from '../OrError.vue_vue_type_script_lang-7c39e012.js';
 export { s as OrErrorTagV3 } from '../OrErrorTag.vue_vue_type_script_lang-26bd7e9a.js';
@@ -95,6 +96,7 @@ export { s as OrTextV3 } from '../OrText.vue_vue_type_script_lang-c12f7b15.js';
 export { s as OrTextarea } from '../OrTextarea.vue_vue_type_script_lang-13c5e976.js';
 export { s as OrTextareaV3 } from '../OrTextarea.vue_vue_type_script_lang-e5ae9a33.js';
 export { s as OrTextbox, T as TextboxTypes } from '../OrTextbox.vue_vue_type_script_lang-bda20419.js';
+export { s as OrTimePickerV3 } from '../OrTimePicker.vue_vue_type_script_lang-f46eb37f.js';
 export { P as PositionsX, b as PositionsY, c as ToastType, T as TransitionType, a as useQueue, u as useToast } from '../useToast-d5b3c109.js';
 export { s as OrToast, a as OrToastContainer } from '../OrToastContainer.vue_vue_type_script_lang-e495902f.js';
 export { a as OrToastContainerV3, s as OrToastV3, t as TypesV3 } from '../types-e9ab8869.js';
@@ -129,12 +131,15 @@ import '../index-01519e46.js';
 import '../OrButton-192156e6.js';
 import '../OrInput-d95faac1.js';
 import '../OrInput-8171968f.js';
-import '../OrCollapse-d2564011.js';
+import '../OrDateTimePickerMonthSelect-8989be5a.js';
+import '../OrDateTimePickerPopoverHeader-caffcc00.js';
 import '../OrHint-fcd2563e.js';
 import '../OrInputBox-688eb48b.js';
 import '../OrPopover-40d53b57.js';
 import '../dropdown-open-0a494cc1.js';
 import '../useValidationAttributes-5428d8fa.js';
+import '../OrCollapse-d2564011.js';
+import '../OrDateTimePickerTimeSelect-e3a89bed.js';
 import '../floating-ui.dom.esm-83eba816.js';
 import '../OrInlineInputBox-019a5579.js';
 import '../useResponsive-9d397e2a.js';

package/dist/bundled/v3/components/or-date-picker-v3/OrDatePicker.vue.d.ts

@@ -0,0 +1,183 @@
+import { PropType } from 'vue-demi';
+import { DatePickerSize } from './props';
+declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
+    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    control: import("@vue/composition-api").Ref<HTMLInputElement | undefined>;
+    popover: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
+        [x: string]: ((...args: any[]) => any) | null;
+    } | string[], {} & {}, {
+        [x: number]: string;
+    } | {}, true> | undefined>;
+    popoverState: import("@vue/composition-api").ComputedRef<undefined>;
+    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    controlStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    controlAttributes: {
+        required: boolean | undefined;
+        minlength: number | undefined;
+        maxlength: number | undefined;
+        pattern: string | undefined;
+        min: number | undefined;
+        max: number | undefined;
+        step: number | undefined;
+        readonly: boolean | undefined;
+        disabled: boolean | undefined;
+        'force-state': string | undefined;
+        id: string | undefined;
+    };
+    proxyModelValue: import("@vue/composition-api").WritableComputedRef<Date>;
+    draftModelValue: import("@vue/composition-api").Ref<Date | undefined>;
+    togglePopover: () => void;
+    closePopover: () => void;
+    formatDate: (value?: Date) => string;
+    formatDateAlt: (value?: Date) => string;
+}> & import("@vue/composition-api").Data, {}, {}, {
+    modelValue: {
+        type: DateConstructor;
+        default: undefined;
+    };
+    filter: {
+        type: PropType<(value: Date) => boolean>;
+        default: undefined;
+    };
+    size: {
+        type: PropType<DatePickerSize>;
+        default: DatePickerSize;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    hint: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    error: {
+        type: (BooleanConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disableDefaultStyles: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, import("@vue/composition-api").ExtractPropTypes<{
+    modelValue: {
+        type: DateConstructor;
+        default: undefined;
+    };
+    filter: {
+        type: PropType<(value: Date) => boolean>;
+        default: undefined;
+    };
+    size: {
+        type: PropType<DatePickerSize>;
+        default: DatePickerSize;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    hint: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    error: {
+        type: (BooleanConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disableDefaultStyles: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+    filter: (value: Date) => boolean;
+    modelValue: Date;
+    size: DatePickerSize;
+    label: string;
+    hint: string;
+    error: string | boolean;
+    required: boolean;
+    readonly: boolean;
+    disabled: boolean;
+    disableDefaultStyles: boolean;
+} & {} & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, import("@vue/composition-api").ShallowUnwrapRef<{
+    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    control: import("@vue/composition-api").Ref<HTMLInputElement | undefined>;
+    popover: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
+        [x: string]: ((...args: any[]) => any) | null;
+    } | string[], {} & {}, {
+        [x: number]: string;
+    } | {}, true> | undefined>;
+    popoverState: import("@vue/composition-api").ComputedRef<undefined>;
+    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    controlStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    controlAttributes: {
+        required: boolean | undefined;
+        minlength: number | undefined;
+        maxlength: number | undefined;
+        pattern: string | undefined;
+        min: number | undefined;
+        max: number | undefined;
+        step: number | undefined;
+        readonly: boolean | undefined;
+        disabled: boolean | undefined;
+        'force-state': string | undefined;
+        id: string | undefined;
+    };
+    proxyModelValue: import("@vue/composition-api").WritableComputedRef<Date>;
+    draftModelValue: import("@vue/composition-api").Ref<Date | undefined>;
+    togglePopover: () => void;
+    closePopover: () => void;
+    formatDate: (value?: Date) => string;
+    formatDateAlt: (value?: Date) => string;
+}>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
+    filter: (value: Date) => boolean;
+    modelValue: Date;
+    size: DatePickerSize;
+    label: string;
+    hint: string;
+    error: string | boolean;
+    required: boolean;
+    readonly: boolean;
+    disabled: boolean;
+    disableDefaultStyles: boolean;
+} & {} & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, {
+    filter: (value: Date) => boolean;
+    modelValue: Date;
+    size: DatePickerSize;
+    label: string;
+    hint: string;
+    error: string | boolean;
+    required: boolean;
+    readonly: boolean;
+    disabled: boolean;
+    disableDefaultStyles: boolean;
+}, true>);
+export default _default;

package/dist/bundled/v3/components/or-date-picker-v3/index.d.ts

@@ -0,0 +1,2 @@
+export { default as OrDatePickerV3 } from './OrDatePicker.vue';
+export * from './props';

package/dist/bundled/v3/components/or-date-picker-v3/index.js

@@ -0,0 +1,37 @@
+export { s as OrDatePickerV3 } from '../../OrDatePicker.vue_vue_type_script_lang-8eafbe6b.js';
+export { I as DatePickerSize } from '../../props-c966ae5f.js';
+import 'vue';
+import '../../OrDateTimePickerMonthSelect-8989be5a.js';
+import '../../OrDateTimePickerPopoverHeader-caffcc00.js';
+import '../../OrLabel-4da10c50.js';
+import '../../OrLabel.vue_vue_type_script_lang-5ba2b33c.js';
+import '../../OrButton-7b1eac5d.js';
+import '../../OrButton.vue_vue_type_script_lang-ed1524cf.js';
+import '../../OrLoader-41de68e0.js';
+import '../../OrLoader.vue_vue_type_script_lang-9f6ed71f.js';
+import '@vueuse/core';
+import '../../OrIcon-a670d8e9.js';
+import '../../OrIcon.vue_vue_type_script_lang-859d76fb.js';
+import '../../OrIconButton-55238a89.js';
+import '../../OrIconButton.vue_vue_type_script_lang-3aeb76ac.js';
+import '../../OrTooltip.vue_vue_type_script_lang-27591090.js';
+import '../../OrPopover-40d53b57.js';
+import '../../OrPopover.vue_vue_type_script_lang-9bf2361c.js';
+import '../../floating-ui.dom.esm-83eba816.js';
+import '../../OrBottomSheet.vue_vue_type_script_lang-e3ef075b.js';
+import '../../OrOverlay.vue_vue_type_script_lang-c298c8cd.js';
+import '../../OrTeleport.vue3.vue_vue_type_script_lang-4dc70cf1.js';
+import '../../useElevation-e8a2ce89.js';
+import '../../useResponsive-9d397e2a.js';
+import '../../OrMenu-101f1c62.js';
+import '../../OrMenu.vue_vue_type_script_lang-7ba15d1d.js';
+import '../../OrMenuItem-a90b0369.js';
+import '../../OrMenuItem.vue_vue_type_script_lang-d65eec51.js';
+import '../../OrHint-fcd2563e.js';
+import '../../OrError.vue_vue_type_script_lang-7305a1d9.js';
+import '../../OrHint.vue_vue_type_script_lang-47d9b9ed.js';
+import '../../OrInputBox-688eb48b.js';
+import '../../OrInputBox.vue_vue_type_script_lang-0e3ff329.js';
+import '../../dropdown-open-0a494cc1.js';
+import '../../useIdAttribute-b2e42f31.js';
+import '../../useValidationAttributes-5428d8fa.js';

package/dist/bundled/v3/components/or-date-picker-v3/props.d.ts

@@ -0,0 +1 @@
+export { InputBoxSize as DatePickerSize } from '../or-input-box-v3';

package/dist/bundled/v3/components/or-date-picker-v3/styles.d.ts

@@ -0,0 +1,2 @@
+export declare const DatePicker: string[];
+export declare const DatePickerControl: string[];

package/dist/bundled/v3/components/or-date-time-picker-v3/index.js

@@ -1,13 +1,15 @@
-export { s as OrDateTimePickerV3 } from '../../OrDateTimePicker.vue_vue_type_script_lang-77c42110.js';
+export { s as OrDateTimePickerV3 } from '../../OrDateTimePicker.vue_vue_type_script_lang-b2a9ef8d.js';
 export { I as DateTimePickerSize } from '../../props-c966ae5f.js';
 import 'vue';
+import '../../OrDateTimePickerMonthSelect-8989be5a.js';
+import '../../OrDateTimePickerPopoverHeader-caffcc00.js';
+import '../../OrLabel-4da10c50.js';
+import '../../OrLabel.vue_vue_type_script_lang-5ba2b33c.js';
 import '../../OrButton-7b1eac5d.js';
 import '../../OrButton.vue_vue_type_script_lang-ed1524cf.js';
 import '../../OrLoader-41de68e0.js';
 import '../../OrLoader.vue_vue_type_script_lang-9f6ed71f.js';
 import '@vueuse/core';
-import '../../OrLabel-4da10c50.js';
-import '../../OrLabel.vue_vue_type_script_lang-5ba2b33c.js';
 import '../../OrIcon-a670d8e9.js';
 import '../../OrIcon.vue_vue_type_script_lang-859d76fb.js';
 import '../../OrIconButton-55238a89.js';
@@ -25,11 +27,12 @@ import '../../OrMenu-101f1c62.js';
 import '../../OrMenu.vue_vue_type_script_lang-7ba15d1d.js';
 import '../../OrMenuItem-a90b0369.js';
 import '../../OrMenuItem.vue_vue_type_script_lang-d65eec51.js';
+import '../../OrDateTimePickerTimeSelect-e3a89bed.js';
 import '../../OrHint-fcd2563e.js';
 import '../../OrError.vue_vue_type_script_lang-7305a1d9.js';
 import '../../OrHint.vue_vue_type_script_lang-47d9b9ed.js';
 import '../../OrInputBox-688eb48b.js';
 import '../../OrInputBox.vue_vue_type_script_lang-0e3ff329.js';
-import '../../dropdown-open-0a494cc1.js';
 import '../../useIdAttribute-b2e42f31.js';
 import '../../useValidationAttributes-5428d8fa.js';
+import '../../dropdown-open-0a494cc1.js';

package/dist/bundled/v3/components/or-time-picker-v3/OrTimePicker.vue.d.ts

@@ -0,0 +1,183 @@
+import { PropType } from 'vue-demi';
+import { TimePickerSize } from './props';
+declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
+    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    control: import("@vue/composition-api").Ref<HTMLInputElement | undefined>;
+    popover: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
+        [x: string]: ((...args: any[]) => any) | null;
+    } | string[], {} & {}, {
+        [x: number]: string;
+    } | {}, true> | undefined>;
+    popoverState: import("@vue/composition-api").ComputedRef<undefined>;
+    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    controlStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    controlAttributes: {
+        required: boolean | undefined;
+        minlength: number | undefined;
+        maxlength: number | undefined;
+        pattern: string | undefined;
+        min: number | undefined;
+        max: number | undefined;
+        step: number | undefined;
+        readonly: boolean | undefined;
+        disabled: boolean | undefined;
+        'force-state': string | undefined;
+        id: string | undefined;
+    };
+    proxyModelValue: import("@vue/composition-api").WritableComputedRef<Date>;
+    draftModelValue: import("@vue/composition-api").Ref<Date | undefined>;
+    togglePopover: () => void;
+    closePopover: () => void;
+    formatTime: (value?: Date) => string;
+    formatTimeAlt: (value?: Date) => string;
+}> & import("@vue/composition-api").Data, {}, {}, {
+    modelValue: {
+        type: DateConstructor;
+        default: undefined;
+    };
+    filter: {
+        type: PropType<(value: Date) => boolean>;
+        default: undefined;
+    };
+    size: {
+        type: PropType<TimePickerSize>;
+        default: TimePickerSize;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    hint: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    error: {
+        type: (BooleanConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disableDefaultStyles: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, import("@vue/composition-api").ExtractPropTypes<{
+    modelValue: {
+        type: DateConstructor;
+        default: undefined;
+    };
+    filter: {
+        type: PropType<(value: Date) => boolean>;
+        default: undefined;
+    };
+    size: {
+        type: PropType<TimePickerSize>;
+        default: TimePickerSize;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    hint: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    error: {
+        type: (BooleanConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disableDefaultStyles: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+    filter: (value: Date) => boolean;
+    modelValue: Date;
+    size: TimePickerSize;
+    label: string;
+    hint: string;
+    error: string | boolean;
+    required: boolean;
+    readonly: boolean;
+    disabled: boolean;
+    disableDefaultStyles: boolean;
+} & {} & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, import("@vue/composition-api").ShallowUnwrapRef<{
+    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    control: import("@vue/composition-api").Ref<HTMLInputElement | undefined>;
+    popover: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
+        [x: string]: ((...args: any[]) => any) | null;
+    } | string[], {} & {}, {
+        [x: number]: string;
+    } | {}, true> | undefined>;
+    popoverState: import("@vue/composition-api").ComputedRef<undefined>;
+    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    controlStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    controlAttributes: {
+        required: boolean | undefined;
+        minlength: number | undefined;
+        maxlength: number | undefined;
+        pattern: string | undefined;
+        min: number | undefined;
+        max: number | undefined;
+        step: number | undefined;
+        readonly: boolean | undefined;
+        disabled: boolean | undefined;
+        'force-state': string | undefined;
+        id: string | undefined;
+    };
+    proxyModelValue: import("@vue/composition-api").WritableComputedRef<Date>;
+    draftModelValue: import("@vue/composition-api").Ref<Date | undefined>;
+    togglePopover: () => void;
+    closePopover: () => void;
+    formatTime: (value?: Date) => string;
+    formatTimeAlt: (value?: Date) => string;
+}>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
+    filter: (value: Date) => boolean;
+    modelValue: Date;
+    size: TimePickerSize;
+    label: string;
+    hint: string;
+    error: string | boolean;
+    required: boolean;
+    readonly: boolean;
+    disabled: boolean;
+    disableDefaultStyles: boolean;
+} & {} & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, {
+    filter: (value: Date) => boolean;
+    modelValue: Date;
+    size: TimePickerSize;
+    label: string;
+    hint: string;
+    error: string | boolean;
+    required: boolean;
+    readonly: boolean;
+    disabled: boolean;
+    disableDefaultStyles: boolean;
+}, true>);
+export default _default;

package/dist/bundled/v3/components/or-time-picker-v3/index.d.ts

@@ -0,0 +1,2 @@
+export { default as OrTimePickerV3 } from './OrTimePicker.vue';
+export * from './props';