@onereach/ui-components 10.3.4-beta.4324.0 → 10.3.4-beta.4327.0

package/dist/bundled/v2/components/OrStatusV3/OrStatus.js

@@ -1,4 +1,4 @@
-import { j as formatTimeAgo } from '../../index-fe85dfd9.js';
+import { i as formatTimeAgo } from '../../index-13c63b4c.js';
 import { defineComponent, ref, computed } from 'vue-demi';
 import { StatusVariant, StatusSize } from './props.js';
 import { Status, StatusVariants, StatusSizes, StatusIndicator, StatusIndicatorVariants, StatusTimestamp } from './styles.js';

package/dist/bundled/v2/components/OrSwitchV3/OrSwitch.js

@@ -2,14 +2,12 @@ import { defineComponent, reactive, ref, computed, toRef } from 'vue-demi';
 import { Switch, SwitchControl, SwitchControlHandle, SwitchLoader, SwitchLoaderHandle } from './styles.js';
 import __vue_component__$1 from '../OrLabelV3/OrLabel.js';
 import __vue_component__$2 from '../OrLoaderV3/OrLoader.js';
-import { L as LabelVariant } from '../../styles-30358b7e.js';
+import { LabelVariant } from '../OrLabelV3/props.js';
 import { useIdAttribute } from '../../hooks/useIdAttribute.js';
 import { useControlAttributes } from '../../hooks/useControlAttributes.js';
 import { useProxyModelValue } from '../../hooks/useProxyModelValue.js';
 import { isArray } from '../../utils/isArray.js';
-import { isUndefined } from '../../utils/isUndefined.js';
-import { include } from '../../utils/include.js';
-import { exclude } from '../../utils/exclude.js';
+import { isNil } from '../../utils/isNil.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 
@@ -29,7 +27,7 @@ var script = defineComponent({
       default: undefined
     },
     value: {
-      type: undefined,
+      type: [String, Number, Object],
       default: undefined
     },
     label: {
@@ -70,8 +68,8 @@ var script = defineComponent({
     const model = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
     const checked = computed(() => {
       if (isArray(model.value)) {
-        if (isUndefined(props.value)) {
-          throw new Error('[OrSwitch]: `value` must be specified.');
+        if (isNil(props.value)) {
+          throw new Error('[OrSwitch]: Property "value" must be specified.');
         }
         return model.value.includes(props.value);
       }
@@ -80,13 +78,13 @@ var script = defineComponent({
     // Handlers
     function onChange() {
       if (isArray(model.value)) {
-        if (isUndefined(props.value)) {
-          throw new Error('[OrSwitch]: `value` must be specified.');
+        if (isNil(props.value)) {
+          throw new Error('[OrSwitch]: Property "value" must be specified.');
         }
-        if (!checked.value) {
-          model.value = include(props.value, model.value);
+        if (checked.value) {
+          model.value = model.value.filter(value => value !== props.value);
         } else {
-          model.value = exclude(props.value, model.value);
+          model.value = [...model.value, props.value];
         }
       } else {
         model.value = !model.value;
@@ -116,7 +114,7 @@ var script = defineComponent({
   }
 });
 
-var css_248z = "input[data-v-640a50cc]{line-height:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}";
+var css_248z = "input[data-v-a9c4a2ae]{line-height:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}";
 styleInject(css_248z);
 
 /* script */
@@ -190,7 +188,7 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = undefined;
 /* scoped */
-const __vue_scope_id__ = "data-v-640a50cc";
+const __vue_scope_id__ = "data-v-a9c4a2ae";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/dist/bundled/v2/components/OrSwitchV3/OrSwitch.vue.d.ts

@@ -31,7 +31,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: undefined;
     };
     labelVariant: {
-        type: PropType<"input" | "toggle" | "group" | "menu-item">;
+        type: PropType<"input" | "toggle" | "menu-item">;
         default: () => LabelVariant.Toggle;
     };
     loading: {
@@ -60,7 +60,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: undefined;
     };
     labelVariant: {
-        type: PropType<"input" | "toggle" | "group" | "menu-item">;
+        type: PropType<"input" | "toggle" | "menu-item">;
         default: () => LabelVariant.Toggle;
     };
     loading: {
@@ -79,7 +79,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     modelValue: SwitchModelValue;
     value: SwitchValue;
     label: string;
-    labelVariant: "input" | "toggle" | "group" | "menu-item";
+    labelVariant: "input" | "toggle" | "menu-item";
     loading: boolean;
     required: boolean;
     disabled: boolean;
@@ -105,7 +105,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     modelValue: SwitchModelValue;
     value: SwitchValue;
     label: string;
-    labelVariant: "input" | "toggle" | "group" | "menu-item";
+    labelVariant: "input" | "toggle" | "menu-item";
     loading: boolean;
     required: boolean;
     disabled: boolean;
@@ -115,7 +115,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     modelValue: SwitchModelValue;
     value: SwitchValue;
     label: string;
-    labelVariant: "input" | "toggle" | "group" | "menu-item";
+    labelVariant: "input" | "toggle" | "menu-item";
     loading: boolean;
     required: boolean;
     disabled: boolean;

package/dist/bundled/v2/components/OrSwitchV3/types.d.ts

@@ -1,3 +1,2 @@
-import { ModelValue } from '../../types';
-export type SwitchModelValue = ModelValue<SwitchValue | boolean>;
+export type SwitchModelValue = SwitchValue[] | boolean | null | undefined;
 export type SwitchValue = string | number | object;

package/dist/bundled/v2/components/OrTabsV3/OrTabs.js

@@ -1,4 +1,4 @@
-import { h as useResizeObserver } from '../../index-fe85dfd9.js';
+import { g as useResizeObserver } from '../../index-13c63b4c.js';
 import { defineComponent, ref, computed, reactive, toRef, watch, nextTick, onMounted } from 'vue-demi';
 import { TabsVariant } from './props.js';
 import { TabsContainer, Tabs, TabsVariants, TabsContent } from './styles.js';

package/dist/bundled/v2/components/OrTabsV3/OrTabs.vue.d.ts

@@ -1,6 +1,6 @@
 import { PropType } from 'vue-demi';
 import { TabsVariant } from './props';
-import { EditorTabsItem } from './types';
+import { TabsItem } from './types';
 declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     overflowTab: 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, {
@@ -20,23 +20,23 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     contentStyles: import("@vue/composition-api").ComputedRef<string[]>;
     tabs: {
         normal: {
+            value: string | number;
             label: string;
-            value: import("./types").EditorTabsItemValue;
-            disabled?: boolean | undefined;
             pinned?: boolean | undefined;
             invalid?: boolean | undefined;
+            disabled?: boolean | undefined;
         }[];
         hidden: {
+            value: string | number;
             label: string;
-            value: import("./types").EditorTabsItemValue;
-            disabled?: boolean | undefined;
             pinned?: boolean | undefined;
             invalid?: boolean | undefined;
+            disabled?: boolean | undefined;
         }[];
     };
     proxyModelValue: import("../../hooks").UseProxyModelValueReturn<string | number>;
-    activeTab: import("@vue/composition-api").ComputedRef<EditorTabsItem>;
-    selectTab: (tab: EditorTabsItem) => void;
+    activeTab: import("@vue/composition-api").ComputedRef<TabsItem>;
+    selectTab: (tab: TabsItem) => void;
     isTabRendered: (value: string | number) => boolean;
 }> & import("@vue/composition-api").Data, {}, {}, {
     modelValue: {
@@ -44,7 +44,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: undefined;
     };
     items: {
-        type: PropType<EditorTabsItem[]>;
+        type: PropType<TabsItem[]>;
         required: true;
     };
     variant: {
@@ -61,7 +61,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: undefined;
     };
     items: {
-        type: PropType<EditorTabsItem[]>;
+        type: PropType<TabsItem[]>;
         required: true;
     };
     variant: {
@@ -74,7 +74,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     };
 }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     modelValue: string | number;
-    items: EditorTabsItem[];
+    items: TabsItem[];
     variant: "default" | "fitted";
     keepAlive: boolean;
 } & {} & {
@@ -98,27 +98,27 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     contentStyles: import("@vue/composition-api").ComputedRef<string[]>;
     tabs: {
         normal: {
+            value: string | number;
             label: string;
-            value: import("./types").EditorTabsItemValue;
-            disabled?: boolean | undefined;
             pinned?: boolean | undefined;
             invalid?: boolean | undefined;
+            disabled?: boolean | undefined;
         }[];
         hidden: {
+            value: string | number;
             label: string;
-            value: import("./types").EditorTabsItemValue;
-            disabled?: boolean | undefined;
             pinned?: boolean | undefined;
             invalid?: boolean | undefined;
+            disabled?: boolean | undefined;
         }[];
     };
     proxyModelValue: import("../../hooks").UseProxyModelValueReturn<string | number>;
-    activeTab: import("@vue/composition-api").ComputedRef<EditorTabsItem>;
-    selectTab: (tab: EditorTabsItem) => void;
+    activeTab: import("@vue/composition-api").ComputedRef<TabsItem>;
+    selectTab: (tab: TabsItem) => void;
     isTabRendered: (value: string | number) => boolean;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
     modelValue: string | number;
-    items: EditorTabsItem[];
+    items: TabsItem[];
     variant: "default" | "fitted";
     keepAlive: boolean;
 } & {} & {

package/dist/bundled/v2/components/OrTabsV3/types.d.ts

@@ -1,7 +1,7 @@
-import { Item, ModelValue } from '../../types';
-export type EditorTabsModelValue = ModelValue<EditorTabsItemValue>;
-export type EditorTabsItem = Item<EditorTabsItemValue> & {
+export interface TabsItem {
+    value: string | number;
+    label: string;
     pinned?: boolean;
     invalid?: boolean;
-};
-export type EditorTabsItemValue = string | number;
+    disabled?: boolean;
+}

package/dist/bundled/v2/components/OrTagInputV3/OrTagInput.js

@@ -1,4 +1,4 @@
-import { o as onClickOutside } from '../../index-fe85dfd9.js';
+import { o as onClickOutside } from '../../index-13c63b4c.js';
 import { defineComponent, ref, toRefs, computed, reactive, watch, nextTick } from 'vue-demi';
 import { TagInput, TagInputControl, TagInputItem } from './styles.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';
@@ -13,7 +13,6 @@ import { useIdAttribute } from '../../hooks/useIdAttribute.js';
 import { useControlAttributes } from '../../hooks/useControlAttributes.js';
 import { useValidationAttributes } from '../../hooks/useValidationAttributes.js';
 import { useProxyModelValue } from '../../hooks/useProxyModelValue.js';
-import { exclude } from '../../utils/exclude.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 
@@ -34,7 +33,7 @@ var script = defineComponent({
   props: {
     modelValue: {
       type: Array,
-      default: []
+      default: () => []
     },
     label: {
       type: String,
@@ -171,7 +170,7 @@ var script = defineComponent({
       draftModelValue.value = '';
     }
     function remove(value) {
-      proxyModelValue.value = exclude(value, proxyModelValue.value);
+      proxyModelValue.value = proxyModelValue.value.filter(item => item !== value);
     }
     function reset() {
       proxyModelValue.value = [];
@@ -220,7 +219,7 @@ var script = defineComponent({
   }
 });
 
-var css_248z = "input[data-v-4a104e16]{min-width:0;background:0 0;outline:0}";
+var css_248z = "input[data-v-02b0b3d7]{min-width:0;background:0 0;outline:0}";
 styleInject(css_248z);
 
 /* script */
@@ -362,50 +361,54 @@ var __vue_render__ = function () {
       },
       proxy: true
     } : null], null, true)
-  })], 1), _vm._v(" "), _vm.$slots.hint || _vm.hint || _vm.maxLength ? [_c('OrHint', {
+  })], 1), _vm._v(" "), _c('div', {
     directives: [{
       name: "show",
       rawName: "v-show",
       value: !_vm.error,
       expression: "!error"
     }],
+    class: ['contents']
+  }, [_vm.$slots.hint || _vm.hint || _vm.maxLength ? [_c('OrHint', {
     attrs: {
       "disabled": _vm.disabled
     },
     scopedSlots: _vm._u([_vm.maxLength ? {
       key: "addon",
       fn: function () {
-        return [_vm._v("\n        " + _vm._s(_vm.currentLength) + " / " + _vm._s(_vm.maxLength) + "\n      ")];
+        return [_vm._v("\n          " + _vm._s(_vm.currentLength) + " / " + _vm._s(_vm.maxLength) + "\n        ")];
       },
       proxy: true
     } : null], null, true)
   }, [_vm._t("hint", function () {
-    return [_vm._v("\n        " + _vm._s(_vm.hint) + "\n      ")];
-  })], 2)] : _vm._e(), _vm._v(" "), _c('OrError', {
+    return [_vm._v("\n          " + _vm._s(_vm.hint) + "\n        ")];
+  })], 2)] : _vm._e()], 2), _vm._v(" "), _c('div', {
     directives: [{
       name: "show",
       rawName: "v-show",
       value: typeof _vm.error === 'string' && _vm.error.length > 0,
       expression: "typeof error === 'string' && error.length > 0"
     }],
+    class: ['contents']
+  }, [_c('OrError', {
     attrs: {
       "disabled": _vm.disabled
     },
     scopedSlots: _vm._u([_vm.maxLength ? {
       key: "addon",
       fn: function () {
-        return [_vm._v("\n      " + _vm._s(_vm.currentLength) + " / " + _vm._s(_vm.maxLength) + "\n    ")];
+        return [_vm._v("\n        " + _vm._s(_vm.currentLength) + " / " + _vm._s(_vm.maxLength) + "\n      ")];
       },
       proxy: true
     } : null], null, true)
-  }, [_vm._v("\n    " + _vm._s(_vm.error) + "\n\n    ")])], 2);
+  }, [_vm._v("\n      " + _vm._s(_vm.error) + "\n\n      ")])], 1)], 2);
 };
 var __vue_staticRenderFns__ = [];
 
 /* style */
 const __vue_inject_styles__ = undefined;
 /* scoped */
-const __vue_scope_id__ = "data-v-4a104e16";
+const __vue_scope_id__ = "data-v-02b0b3d7";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/dist/bundled/v2/components/OrTagInputV3/OrTagInput.vue.d.ts

@@ -53,7 +53,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
 }> & import("@vue/composition-api").Data, {}, {}, {
     modelValue: {
         type: PropType<string[]>;
-        default: string[];
+        default: () => [];
     };
     label: {
         type: StringConstructor;
@@ -102,7 +102,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
 }, import("@vue/composition-api").ExtractPropTypes<{
     modelValue: {
         type: PropType<string[]>;
-        default: string[];
+        default: () => [];
     };
     label: {
         type: StringConstructor;

package/dist/bundled/v2/components/OrTagsV3/OrTags.js

@@ -122,7 +122,7 @@ var __vue_render__ = function () {
       class: ['max-w-full'],
       on: {
         "reset": function ($event) {
-          return _vm.$emit('reset', item);
+          return _vm.$emit('reset', item.value);
         }
       }
     }, 'OrTag', Object.assign({}, _vm.tagProps, item.tagProps), false), [_vm._t("tag", function () {
@@ -159,7 +159,7 @@ var __vue_render__ = function () {
       key: item.value,
       on: {
         "reset": function ($event) {
-          return _vm.$emit('reset', item);
+          return _vm.$emit('reset', item.value);
         }
       }
     }, 'OrTag', Object.assign({}, _vm.tagProps, item.tagProps), false), [_vm._t("tag", function () {

package/dist/bundled/v2/components/OrTextareaV3/OrTextarea.js

@@ -120,7 +120,7 @@ var script = defineComponent({
   }
 });
 
-var css_248z = "textarea[data-v-45c1c72b]{min-width:0;background:0 0;outline:0}";
+var css_248z = "textarea[data-v-e7cbe606]{min-width:0;background:0 0;outline:0}";
 styleInject(css_248z);
 
 /* script */
@@ -204,50 +204,54 @@ var __vue_render__ = function () {
         return _vm.$forceUpdate();
       }]
     }
-  }, 'textarea', _vm.attributes, false))]), _vm._v(" "), _vm.$slots.hint || _vm.hint || _vm.maxLength ? [_c('OrHint', {
+  }, 'textarea', _vm.attributes, false))]), _vm._v(" "), _c('div', {
     directives: [{
       name: "show",
       rawName: "v-show",
       value: !_vm.error,
       expression: "!error"
     }],
+    class: ['contents']
+  }, [_vm.$slots.hint || _vm.hint || _vm.maxLength ? [_c('OrHint', {
     attrs: {
       "disabled": _vm.disabled
     },
     scopedSlots: _vm._u([_vm.maxLength ? {
       key: "addon",
       fn: function () {
-        return [_vm._v("\n        " + _vm._s(_vm.length) + " / " + _vm._s(_vm.maxLength) + "\n      ")];
+        return [_vm._v("\n          " + _vm._s(_vm.length) + " / " + _vm._s(_vm.maxLength) + "\n        ")];
       },
       proxy: true
     } : null], null, true)
   }, [_vm._t("hint", function () {
-    return [_vm._v("\n        " + _vm._s(_vm.hint) + "\n      ")];
-  })], 2)] : _vm._e(), _vm._v(" "), _c('OrError', {
+    return [_vm._v("\n          " + _vm._s(_vm.hint) + "\n        ")];
+  })], 2)] : _vm._e()], 2), _vm._v(" "), _c('div', {
     directives: [{
       name: "show",
       rawName: "v-show",
       value: typeof _vm.error === 'string' && _vm.error.length > 0,
       expression: "typeof error === 'string' && error.length > 0"
     }],
+    class: ['contents']
+  }, [_c('OrError', {
     attrs: {
       "disabled": _vm.disabled
     },
     scopedSlots: _vm._u([_vm.maxLength ? {
       key: "addon",
       fn: function () {
-        return [_vm._v("\n      " + _vm._s(_vm.length) + " / " + _vm._s(_vm.maxLength) + "\n    ")];
+        return [_vm._v("\n        " + _vm._s(_vm.length) + " / " + _vm._s(_vm.maxLength) + "\n      ")];
       },
       proxy: true
     } : null], null, true)
-  }, [_vm._v("\n    " + _vm._s(_vm.error) + "\n\n    ")])], 2);
+  }, [_vm._v("\n      " + _vm._s(_vm.error) + "\n\n      ")])], 1)], 2);
 };
 var __vue_staticRenderFns__ = [];
 
 /* style */
 const __vue_inject_styles__ = undefined;
 /* scoped */
-const __vue_scope_id__ = "data-v-45c1c72b";
+const __vue_scope_id__ = "data-v-e7cbe606";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/dist/bundled/v2/components/OrTextareaV3/types.d.ts

@@ -1,2 +1 @@
-import { ModelValue } from '../../types';
-export type TextareaModelValue = ModelValue<string>;
+export type TextareaModelValue = string | null | undefined;

package/dist/bundled/v2/components/OrTimePickerV3/OrTimePicker.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { TimePicker, TimePickerPopover } from './styles.js';
-import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-305e36b3.js';
+import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-e2499ef1.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';
 import __vue_component__$2 from '../OrHintV3/OrHint.js';
 import __vue_component__$3 from '../OrIconV3/OrIcon.js';
@@ -8,7 +8,7 @@ import __vue_component__$4 from '../OrIconButtonV3/OrIconButton.js';
 import __vue_component__$5 from '../OrInputBoxV3/OrInputBox.js';
 import __vue_component__$6 from '../OrLabelV3/OrLabel.js';
 import __vue_component__$7 from '../OrPopoverV3/OrPopover.js';
-import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-fee94ad6.js';
+import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-31d1e247.js';
 import { DropdownClose } from '../../directives/dropdown-close.js';
 import { DropdownOpen } from '../../directives/dropdown-open.js';
 import { InputBoxSize } from '../OrInputBoxV3/props.js';
@@ -343,29 +343,17 @@ var __vue_render__ = function () {
     }
   })], 1), _vm._v(" "), _c('div', {
     class: ['grow']
-  })], 1), _vm._v(" "), _vm.$slots.hint || _vm.hint ? [_c('OrHint', {
-    directives: [{
-      name: "show",
-      rawName: "v-show",
-      value: !_vm.error,
-      expression: "!error"
-    }],
+  })], 1), _vm._v(" "), !_vm.error ? [_vm.$slots.hint || _vm.hint ? [_c('OrHint', {
     attrs: {
       "disabled": _vm.disabled
     }
   }, [_vm._t("hint", function () {
-    return [_vm._v("\n        " + _vm._s(_vm.hint) + "\n      ")];
-  })], 2)] : _vm._e(), _vm._v(" "), _c('OrError', {
-    directives: [{
-      name: "show",
-      rawName: "v-show",
-      value: typeof _vm.error === 'string' && _vm.error.length > 0,
-      expression: "typeof error === 'string' && error.length > 0"
-    }],
+    return [_vm._v("\n          " + _vm._s(_vm.hint) + "\n        ")];
+  })], 2)] : _vm._e()] : _vm._e(), _vm._v(" "), typeof _vm.error === 'string' ? [_c('OrError', {
     attrs: {
       "disabled": _vm.disabled
     }
-  }, [_vm._v("\n    " + _vm._s(_vm.error) + "\n  ")])], 2);
+  }, [_vm._v("\n      " + _vm._s(_vm.error) + "\n    ")])] : _vm._e()], 2);
 };
 var __vue_staticRenderFns__ = [];
 

package/dist/bundled/v2/components/OrTimePickerV3/OrTimePicker.vue.d.ts

@@ -28,7 +28,7 @@ declare const _default: import("vue2").ComponentOptions<import("vue2").default,
     reset: () => void;
     openPopover: () => void;
     closePopover: () => void;
-    formatTimeAlt: (value?: DateTimePickerModelValue) => string;
+    formatTimeAlt: (value: DateTimePickerModelValue) => string;
 }> & import("@vue/composition-api").Data, {}, {}, {
     modelValue: {
         type: PropType<DateTimePickerModelValue>;
@@ -177,7 +177,7 @@ declare const _default: import("vue2").ComponentOptions<import("vue2").default,
     reset: () => void;
     openPopover: () => void;
     closePopover: () => void;
-    formatTimeAlt: (value?: DateTimePickerModelValue) => string;
+    formatTimeAlt: (value: DateTimePickerModelValue) => string;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
     modelValue: DateTimePickerModelValue;
     format: "auto" | "h12" | "h23";

package/dist/bundled/v2/components/OrTimeRangePickerV3/OrTimeRangePicker.js

@@ -7,8 +7,8 @@ import __vue_component__$4 from '../OrIconButtonV3/OrIconButton.js';
 import __vue_component__$5 from '../OrInputBoxV3/OrInputBox.js';
 import __vue_component__$6 from '../OrLabelV3/OrLabel.js';
 import __vue_component__$7 from '../OrPopoverV3/OrPopover.js';
-import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-fee94ad6.js';
-import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-305e36b3.js';
+import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-31d1e247.js';
+import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-e2499ef1.js';
 import { DropdownClose } from '../../directives/dropdown-close.js';
 import { DropdownOpen } from '../../directives/dropdown-open.js';
 import { InputBoxSize } from '../OrInputBoxV3/props.js';
@@ -130,8 +130,8 @@ var script = defineComponent({
         return (_a = draft.value) === null || _a === void 0 ? void 0 : _a[0];
       },
       set: value => {
-        var _a, _b;
-        draft.value = [value !== null && value !== void 0 ? value : null, (_b = (_a = draft.value) === null || _a === void 0 ? void 0 : _a[1]) !== null && _b !== void 0 ? _b : null];
+        var _a;
+        draft.value = [value, (_a = draft.value) === null || _a === void 0 ? void 0 : _a[1]];
       }
     });
     const draftTo = computed({
@@ -140,8 +140,8 @@ var script = defineComponent({
         return (_a = draft.value) === null || _a === void 0 ? void 0 : _a[1];
       },
       set: value => {
-        var _a, _b;
-        draft.value = [(_b = (_a = draft.value) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : null, value !== null && value !== void 0 ? value : null];
+        var _a;
+        draft.value = [(_a = draft.value) === null || _a === void 0 ? void 0 : _a[0], value];
       }
     });
     const activeControl = ref('from');
@@ -157,7 +157,7 @@ var script = defineComponent({
     }
     function reset() {
       var _a;
-      draft.value = (_a = model.value) !== null && _a !== void 0 ? _a : [null, null];
+      draft.value = (_a = model.value) !== null && _a !== void 0 ? _a : [undefined, undefined];
     }
     function openPopover(control) {
       if (!props.readonly && !props.disabled) {
@@ -431,29 +431,17 @@ var __vue_render__ = function () {
     }
   })], 1), _vm._v(" "), _c('div', {
     class: ['grow']
-  })], 1), _vm._v(" "), _vm.$slots.hint || _vm.hint ? [_c('OrHint', {
-    directives: [{
-      name: "show",
-      rawName: "v-show",
-      value: !_vm.error,
-      expression: "!error"
-    }],
+  })], 1), _vm._v(" "), !_vm.error ? [_vm.$slots.hint || _vm.hint ? [_c('OrHint', {
     attrs: {
       "disabled": _vm.disabled
     }
   }, [_vm._t("hint", function () {
-    return [_vm._v("\n        " + _vm._s(_vm.hint) + "\n      ")];
-  })], 2)] : _vm._e(), _vm._v(" "), _c('OrError', {
-    directives: [{
-      name: "show",
-      rawName: "v-show",
-      value: typeof _vm.error === 'string' && _vm.error.length > 0,
-      expression: "typeof error === 'string' && error.length > 0"
-    }],
+    return [_vm._v("\n          " + _vm._s(_vm.hint) + "\n        ")];
+  })], 2)] : _vm._e()] : _vm._e(), _vm._v(" "), typeof _vm.error === 'string' ? [_c('OrError', {
     attrs: {
       "disabled": _vm.disabled
     }
-  }, [_vm._v("\n    " + _vm._s(_vm.error) + "\n  ")])], 2);
+  }, [_vm._v("\n      " + _vm._s(_vm.error) + "\n    ")])] : _vm._e()], 2);
 };
 var __vue_staticRenderFns__ = [];