@onereach/ui-components-vue2 18.1.0-beta.4926.0 → 18.2.1

package/dist/bundled/{OrDateTimePickerTimeSelect-9323d799.js → OrDateTimePickerTimeSelect-08982514.js}

@@ -183,6 +183,14 @@ var script = defineComponent({
       type: Function,
       default: undefined
     },
+    hourStep: {
+      type: Number,
+      default: 1
+    },
+    minuteStep: {
+      type: Number,
+      default: 1
+    },
     isActive: {
       type: Boolean,
       default: false
@@ -194,8 +202,8 @@ var script = defineComponent({
     var _a;
     // Refs & Styles
     const root = ref();
-    const activeHourButtonRef = ref();
-    const activeMinuteButtonRef = ref();
+    const hoursButtons = ref([]);
+    const minutesButtons = ref([]);
     const rootStyles = computed(() => ['or-date-time-picker-time-select-v3', ...DateTimePickerTimeSelect]);
     const buttonGroupStyles = computed(() => [...DateTimePickerTimeSelectButtonGroup]);
     const buttonGroupItemStyles = computed(() => [...DateTimePickerTimeSelectButtonGroupItem]);
@@ -220,15 +228,17 @@ var script = defineComponent({
         if (!isActive || !model.value) {
           return;
         }
-        if (activeHourButtonRef.value) {
+        const activeHourButton = getActiveButton(hoursButtons.value, hoursOptions.value);
+        const activeMinuteButton = getActiveButton(minutesButtons.value, minutesOptions.value);
+        if (activeHourButton) {
           // scroll to the active hour button within the hours container.
-          activeHourButtonRef.value.scrollIntoView({
+          activeHourButton.scrollIntoView({
             block: 'center'
           });
         }
-        if (activeMinuteButtonRef.value) {
+        if (activeMinuteButton) {
           // scroll to the active minute button within the minutes container.
-          activeMinuteButtonRef.value.scrollIntoView({
+          activeMinuteButton.scrollIntoView({
             block: 'center'
           });
         }
@@ -248,11 +258,12 @@ var script = defineComponent({
       return props.format;
     });
     const hoursOptions = computed(() => {
+      const hourStep = props.hourStep > 0 ? props.hourStep : 1;
       return Array.from({
-        length: 24
+        length: Math.ceil(24 / hourStep)
       }, (_value, index) => {
         var _a, _b, _c, _d;
-        const value = index;
+        const value = index * hourStep;
         return new Date(Date.UTC(((_a = model.value) !== null && _a !== void 0 ? _a : props.initialValue).getUTCFullYear(), ((_b = model.value) !== null && _b !== void 0 ? _b : props.initialValue).getUTCMonth(), ((_c = model.value) !== null && _c !== void 0 ? _c : props.initialValue).getUTCDate(), value, ((_d = model.value) !== null && _d !== void 0 ? _d : props.initialValue).getUTCMinutes()));
       }).filter(value => {
         if (proxyTimeFormat.value === TimeFormat.H23) {
@@ -267,11 +278,12 @@ var script = defineComponent({
       });
     });
     const minutesOptions = computed(() => {
+      const minuteStep = props.minuteStep > 0 ? props.minuteStep : 1;
       return Array.from({
-        length: 60
+        length: Math.ceil(60 / minuteStep)
       }, (_value, index) => {
         var _a, _b, _c, _d;
-        const value = index;
+        const value = index * minuteStep;
         return new Date(Date.UTC(((_a = model.value) !== null && _a !== void 0 ? _a : props.initialValue).getUTCFullYear(), ((_b = model.value) !== null && _b !== void 0 ? _b : props.initialValue).getUTCMonth(), ((_c = model.value) !== null && _c !== void 0 ? _c : props.initialValue).getUTCDate(), ((_d = model.value) !== null && _d !== void 0 ? _d : props.initialValue).getUTCHours(), value));
       });
     });
@@ -286,19 +298,20 @@ var script = defineComponent({
     function formatMinutes(value) {
       return String(value.getUTCMinutes()).padStart(2, '0');
     }
-    function setActiveHourButtonRef(el, value) {
-      if (Number(value) === Number(model.value)) {
-        activeHourButtonRef.value = el === null || el === void 0 ? void 0 : el.root;
-      }
+    function sortElementsByPosition(elements) {
+      return [...elements].sort((a, b) => {
+        return a.root.compareDocumentPosition(b.root) & 2 ? 1 : -1;
+      });
     }
-    function setActiveMinuteButtonRef(el, value) {
-      if (Number(value) === Number(model.value)) {
-        activeMinuteButtonRef.value = el === null || el === void 0 ? void 0 : el.root;
-      }
+    function getActiveButton(buttons, options) {
+      var _a;
+      return (_a = sortElementsByPosition(buttons).find((button, index) => Number(model.value) === Number(options[index]))) === null || _a === void 0 ? void 0 : _a.root;
     }
     return {
       root,
       rootStyles,
+      hoursButtons,
+      minutesButtons,
       buttonGroupStyles,
       buttonGroupItemStyles,
       model,
@@ -307,9 +320,7 @@ var script = defineComponent({
       hoursOptions,
       minutesOptions,
       formatHours,
-      formatMinutes,
-      setActiveHourButtonRef,
-      setActiveMinuteButtonRef
+      formatMinutes
     };
   }
 });
@@ -330,9 +341,7 @@ var __vue_render__ = function () {
   }, _vm._l(_vm.hoursOptions, function (value) {
     return _c('OrButton', {
       key: Number(value),
-      ref: function (el) {
-        return _vm.setActiveHourButtonRef(el, value);
-      },
+      ref: 'hoursButtons',
       refInFor: true,
       class: _vm.buttonGroupItemStyles,
       attrs: {
@@ -352,9 +361,7 @@ var __vue_render__ = function () {
   }, _vm._l(_vm.minutesOptions, function (value) {
     return _c('OrButton', {
       key: Number(value),
-      ref: function (el) {
-        return _vm.setActiveMinuteButtonRef(el, value);
-      },
+      ref: 'minutesButtons',
       refInFor: true,
       class: _vm.buttonGroupItemStyles,
       attrs: {

package/dist/bundled/components/OrDateTimePickerV3/OrDateTimePicker.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-ae771d05.js';
 import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-4cf1ef26.js';
-import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-9323d799.js';
+import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-08982514.js';
 import { DateTimePicker, DateTimePickerDatePopover, DateTimePickerTimePopover } from './styles.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';
 import __vue_component__$2 from '../OrHintV3/OrHint.js';
@@ -86,6 +86,14 @@ var script = defineComponent({
       type: Function,
       default: undefined
     },
+    hourStep: {
+      type: Number,
+      default: 1
+    },
+    minuteStep: {
+      type: Number,
+      default: 1
+    },
     variant: {
       type: String,
       default: undefined
@@ -481,7 +489,9 @@ var __vue_render__ = function () {
       "locale": _vm.resolvedLocale,
       "hours-filter": _vm.hoursFilter,
       "minutes-filter": _vm.minutesFilter,
-      "is-active": _vm.timePopover && _vm.timePopover.state === 'open'
+      "is-active": _vm.timePopover && _vm.timePopover.state === 'open',
+      "hour-step": _vm.hourStep,
+      "minute-step": _vm.minuteStep
     },
     model: {
       value: _vm.draft,

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

@@ -1,7 +1,7 @@
 export { default as OrDateTimePickerV3 } from './OrDateTimePicker.js';
 export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-ae771d05.js';
 export { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-4cf1ef26.js';
-export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-9323d799.js';
+export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-08982514.js';
 export { formatDate } from './utils/formatDate.js';
 export { formatMobileDate } from './utils/formatMobileDate.js';
 export { formatMobileTime } from './utils/formatMobileTime.js';

package/dist/bundled/components/OrIconButtonV3/OrIconButton.js

@@ -4,7 +4,7 @@ import { IconButtonColor } from './props.js';
 import { IconButton, IconButtonColors } from './styles.js';
 import __vue_component__$1 from '../OrIconV3/OrIcon.js';
 import __vue_component__$2 from '../OrTooltipV3/OrTooltip.js';
-import { IconSize } from '../OrIconV3/props.js';
+import { IconSize, IconVariant } from '../OrIconV3/props.js';
 import { n as normalizeComponent } from '../../normalize-component-cf2db48b.js';
 
 var script = defineComponent({
@@ -13,7 +13,6 @@ var script = defineComponent({
     OrIcon: __vue_component__$1,
     OrTooltip: __vue_component__$2
   },
-  inheritAttrs: false,
   props: {
     // TODO: Remove after migration to Vue 3
     additionalStyles: {
@@ -50,11 +49,31 @@ var script = defineComponent({
   setup(props) {
     // Refs
     const root = ref();
+    const tooltipRef = ref();
+    const iconProps = computed(() => {
+      return typeof props.icon === 'string' ? {
+        icon: props.icon,
+        variant: IconVariant.Inherit,
+        size: props.size
+      } : {
+        variant: IconVariant.Inherit,
+        size: props.size,
+        ...props.icon
+      };
+    });
+    const tooltipProps = computed(() => {
+      return typeof props.tooltip === 'string' ? {
+        content: props.tooltip
+      } : props.tooltip;
+    });
     // Styles
-    const rootStyles = computed(() => ['or-icon-button-v3', ...IconButton, ...IconButtonColors[props.color]]);
+    const rootStyles = computed(() => ['or-icon-button-v3', ...IconButton, ...IconButtonColors[props.color], ...props.additionalStyles]);
     return {
       root,
+      tooltipRef,
       rootStyles,
+      iconProps,
+      tooltipProps,
       isVue3
     };
   }
@@ -68,25 +87,23 @@ var __vue_render__ = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
-  return _c('OrTooltip', _vm._b({
-    scopedSlots: _vm._u([_vm.$slots.tooltipContent ? {
-      key: "content",
-      fn: function () {
-        return [_vm._t("tooltipContent")];
-      },
-      proxy: true
-    } : null], null, true)
-  }, 'OrTooltip', typeof _vm.tooltip === 'string' ? {
-    content: _vm.tooltip
-  } : _vm.tooltip, false), [_c('button', _vm._g(_vm._b({
+  return _c('button', _vm._g({
     ref: 'root',
-    class: [_vm.rootStyles].concat(_vm.additionalStyles),
+    class: _vm.rootStyles,
     attrs: {
       "type": 'button',
       "selected": _vm.selected,
       "disabled": _vm.disabled
+    },
+    on: {
+      "mouseover": function ($event) {
+        _vm.tooltipRef && _vm.tooltipRef.open();
+      },
+      "mouseout": function ($event) {
+        _vm.tooltipRef && _vm.tooltipRef.close();
+      }
     }
-  }, 'button', _vm.$attrs, false), Object.assign({}, _vm.isVue3 ? {} : _vm.$listeners, {
+  }, Object.assign({}, _vm.isVue3 ? {} : _vm.$listeners, {
     click: function (e) {
       return _vm.$emit('click', e);
     },
@@ -96,14 +113,19 @@ var __vue_render__ = function () {
     blur: function (e) {
       return _vm.$emit('blur', e);
     }
-  })), [_c('OrIcon', _vm._b({}, 'OrIcon', typeof _vm.icon === 'string' ? {
-    icon: _vm.icon,
-    variant: 'inherit',
-    size: _vm.size
-  } : Object.assign({}, {
-    variant: 'inherit',
-    size: _vm.size
-  }, _vm.icon), false))], 1)]);
+  })), [_c('OrIcon', _vm._b({}, 'OrIcon', _vm.iconProps, false)), _vm._v(" "), _c('OrTooltip', _vm._b({
+    ref: "tooltipRef",
+    attrs: {
+      "trigger": _vm.root
+    },
+    scopedSlots: _vm._u([_vm.$slots.tooltipContent ? {
+      key: "content",
+      fn: function () {
+        return [_vm._t("tooltipContent")];
+      },
+      proxy: true
+    } : null], null, true)
+  }, 'OrTooltip', _vm.tooltipProps, false))], 1);
 };
 var __vue_staticRenderFns__ = [];
 

package/dist/bundled/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-9323d799.js';
+import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-08982514.js';
 import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-4cf1ef26.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';
 import __vue_component__$2 from '../OrHintV3/OrHint.js';
@@ -64,6 +64,14 @@ var script = defineComponent({
       type: Function,
       default: undefined
     },
+    hourStep: {
+      type: Number,
+      default: 1
+    },
+    minuteStep: {
+      type: Number,
+      default: 1
+    },
     variant: {
       type: String,
       default: undefined
@@ -316,6 +324,8 @@ var __vue_render__ = function () {
       "locale": _vm.resolvedLocale,
       "hours-filter": _vm.hoursFilter,
       "minutes-filter": _vm.minutesFilter,
+      "hour-step": _vm.hourStep,
+      "minute-step": _vm.minuteStep,
       "is-active": _vm.popover && _vm.popover.state === 'open'
     },
     model: {

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

@@ -9,7 +9,7 @@ import __vue_component__$6 from '../OrLabelV3/OrLabel.js';
 import __vue_component__$7 from '../OrPopoverV3/OrPopover.js';
 import useResponsive from '../../hooks/useResponsive/useResponsive.js';
 import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-4cf1ef26.js';
-import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-9323d799.js';
+import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-08982514.js';
 import { DropdownClose } from '../../directives/dropdown-close.js';
 import { DropdownOpen } from '../../directives/dropdown-open.js';
 import { a as InputBoxVariant } from '../../types-98e9a758.js';
@@ -57,6 +57,14 @@ var script = defineComponent({
       type: String,
       default: undefined
     },
+    hourStep: {
+      type: Number,
+      default: 1
+    },
+    minuteStep: {
+      type: Number,
+      default: 1
+    },
     variant: {
       type: String,
       default: undefined
@@ -390,6 +398,8 @@ var __vue_render__ = function () {
       "initial-value": _vm.initialValueFrom,
       "format": _vm.resolvedFormat,
       "locale": _vm.resolvedLocale,
+      "hour-step": _vm.hourStep,
+      "minute-step": _vm.minuteStep,
       "is-active": _vm.popover && _vm.popover.state === 'open'
     },
     model: {
@@ -405,6 +415,8 @@ var __vue_render__ = function () {
       "initial-value": _vm.initialValueTo,
       "format": _vm.resolvedFormat,
       "locale": _vm.resolvedLocale,
+      "hour-step": _vm.hourStep,
+      "minute-step": _vm.minuteStep,
       "is-active": _vm.popover && _vm.popover.state === 'open'
     },
     model: {

package/dist/bundled/components/index.js

@@ -54,7 +54,7 @@ export { DEFAULT_TEXT, OrDateTimePickerItemTypes, OrDateTimePickerTypes } from '
 export { default as OrDateTimePickerV3 } from './OrDateTimePickerV3/OrDateTimePicker.js';
 export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../OrDateTimePickerMonthSelect-ae771d05.js';
 export { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../OrDateTimePickerPopoverHeader-4cf1ef26.js';
-export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../OrDateTimePickerTimeSelect-9323d799.js';
+export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../OrDateTimePickerTimeSelect-08982514.js';
 export { formatDate } from './OrDateTimePickerV3/utils/formatDate.js';
 export { formatMobileDate } from './OrDateTimePickerV3/utils/formatMobileDate.js';
 export { formatMobileTime } from './OrDateTimePickerV3/utils/formatMobileTime.js';

package/dist/bundled/index.js

@@ -113,7 +113,7 @@ export { ConfirmType } from './components/OrConfirmV3/props.js';
 export { DEFAULT_TEXT, OrDateTimePickerItemTypes, OrDateTimePickerTypes } from './components/OrDateTimePicker/constants.js';
 export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from './OrDateTimePickerMonthSelect-ae771d05.js';
 export { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from './OrDateTimePickerPopoverHeader-4cf1ef26.js';
-export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from './OrDateTimePickerTimeSelect-9323d799.js';
+export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from './OrDateTimePickerTimeSelect-08982514.js';
 export { formatDate } from './components/OrDateTimePickerV3/utils/formatDate.js';
 export { formatMobileDate } from './components/OrDateTimePickerV3/utils/formatMobileDate.js';
 export { formatMobileTime } from './components/OrDateTimePickerV3/utils/formatMobileTime.js';

package/dist/esm/{OrDateTimePicker-8538e810.js → OrDateTimePicker-a35cc5b7.js}

@@ -1,4 +1,4 @@
-import { s as script } from './OrDateTimePicker.vue_rollup-plugin-vue_script-b00eee5d.js';
+import { s as script } from './OrDateTimePicker.vue_rollup-plugin-vue_script-aba23066.js';
 import { n as normalizeComponent } from './normalize-component-cf2db48b.js';
 
 /* script */
@@ -225,7 +225,9 @@ var __vue_render__ = function () {
       "locale": _vm.resolvedLocale,
       "hours-filter": _vm.hoursFilter,
       "minutes-filter": _vm.minutesFilter,
-      "is-active": _vm.timePopover && _vm.timePopover.state === 'open'
+      "is-active": _vm.timePopover && _vm.timePopover.state === 'open',
+      "hour-step": _vm.hourStep,
+      "minute-step": _vm.minuteStep
     },
     model: {
       value: _vm.draft,

package/dist/esm/{OrDateTimePicker.vue_rollup-plugin-vue_script-b00eee5d.js → OrDateTimePicker.vue_rollup-plugin-vue_script-aba23066.js}

@@ -92,6 +92,14 @@ var script = defineComponent({
       type: Function,
       default: undefined
     },
+    hourStep: {
+      type: Number,
+      default: 1
+    },
+    minuteStep: {
+      type: Number,
+      default: 1
+    },
     variant: {
       type: String,
       default: undefined

package/dist/esm/components/index.js

@@ -35,13 +35,13 @@ export { OrConfirm } from './or-confirm/index.js';
 export { ConfirmType, OrConfirmV3 } from './or-confirm-v3/index.js';
 export { OrContextMenuV3 } from './or-context-menu-v3/index.js';
 export { OrDataGridV3 } from './or-data-grid-v3/index.js';
-export { D as DataGridVariant } from '../index-e01016f0.js';
+export { D as DataGridVariant } from '../index-4e09dbe7.js';
 export { OrDateFormatV3 } from './or-date-format-v3/index.js';
 export { OrDatePickerV3 } from './or-date-picker-v3/index.js';
 export { OrDateRangePickerV3 } from './or-date-range-picker-v3/index.js';
 export { OrDateTimeFormatV3 } from './or-date-time-format-v3/index.js';
 export { DEFAULT_TEXT, OrDateTimePicker, OrDateTimePickerItemTypes, OrDateTimePickerTypes } from './or-date-time-picker/index.js';
-export { _ as OrDateTimePickerV3 } from '../OrDateTimePicker-8538e810.js';
+export { _ as OrDateTimePickerV3 } from '../OrDateTimePicker-a35cc5b7.js';
 export { OrDateTimePickerDateControl, OrDateTimePickerDateSelect, OrDateTimePickerMobileControl, OrDateTimePickerMonthSelect, OrDateTimePickerPopoverFooter, OrDateTimePickerPopoverHeader, OrDateTimePickerTimeControl, OrDateTimePickerTimeSelect } from './or-date-time-picker-v3/partials/index.js';
 export { f as formatDate, a as formatTime } from '../formatTime-a1de80d6.js';
 export { f as formatMobileDate, a as formatMobileTime, g as getCurrentDate } from '../getCurrentDate-9b88f8a8.js';
@@ -193,7 +193,7 @@ import '../styles-b98d8bf7.js';
 import '../OrSkeletonRect.vue_rollup-plugin-vue_script-99ae0828.js';
 import '../useTimeFormat-d9b2ba33.js';
 import '../tokens/index.js';
-import '../OrDateTimePicker.vue_rollup-plugin-vue_script-b00eee5d.js';
+import '../OrDateTimePicker.vue_rollup-plugin-vue_script-aba23066.js';
 import '../directives/index.js';
 import 'lodash/padStart';
 import '../useTimeMask-4bcbb554.js';

package/dist/esm/components/or-data-grid-v3/index.js

@@ -5,7 +5,7 @@ import { OrSearchV3 as __vue_component__$h } from '../or-search-v3/index.js';
 import '../../OrSkeletonCircle.vue_rollup-plugin-vue_script-373399b7.js';
 import '../../OrSkeletonRect.vue_rollup-plugin-vue_script-99ae0828.js';
 import { OrSkeletonTextV3 as __vue_component__$i } from '../or-skeleton-v3/or-skeleton-text-v3/index.js';
-import { _ as __vue_component__$2, a as __vue_component__$3, b as __vue_component__$4, c as __vue_component__$5, d as __vue_component__$6, e as __vue_component__$7, f as __vue_component__$8, g as __vue_component__$9, h as __vue_component__$a, i as __vue_component__$b, j as __vue_component__$c, k as __vue_component__$d, l as __vue_component__$e, m as __vue_component__$f, D as DataGridVariant } from '../../index-e01016f0.js';
+import { _ as __vue_component__$2, a as __vue_component__$3, b as __vue_component__$4, c as __vue_component__$5, d as __vue_component__$6, e as __vue_component__$7, f as __vue_component__$8, g as __vue_component__$9, h as __vue_component__$a, i as __vue_component__$b, j as __vue_component__$c, k as __vue_component__$d, l as __vue_component__$e, m as __vue_component__$f, D as DataGridVariant } from '../../index-4e09dbe7.js';
 import { n as normalizeComponent } from '../../normalize-component-cf2db48b.js';
 import '../../useIdAttribute-524b67c6.js';
 import '../../types/index.js';
@@ -56,12 +56,12 @@ import '../or-date-picker-v3/index.js';
 import '../../directives/index.js';
 import '../../useTimeFormat-d9b2ba33.js';
 import '../../tokens/index.js';
-import '../../OrDateTimePicker.vue_rollup-plugin-vue_script-b00eee5d.js';
+import '../../OrDateTimePicker.vue_rollup-plugin-vue_script-aba23066.js';
 import '../or-date-time-picker-v3/partials/index.js';
 import '../../useTimeMask-4bcbb554.js';
 import '../../formatTime-a1de80d6.js';
 import '../../getCurrentDate-9b88f8a8.js';
-import '../../OrDateTimePicker-8538e810.js';
+import '../../OrDateTimePicker-a35cc5b7.js';
 import '../or-rating-v3/index.js';
 import '../or-select-v3/index.js';
 import '../../isString-f8e938a3.js';

package/dist/esm/components/or-data-grid-v3/partials/index.js

@@ -1,4 +1,4 @@
-export { _ as OrDataGridFooter, a as OrDataGridHeader, b as OrDataGridTable, c as OrDataGridTableContent, d as OrDataGridTableContentCell, e as OrDataGridTableContentRow, f as OrDataGridTableFooter, g as OrDataGridTableFooterCell, h as OrDataGridTableFooterRow, i as OrDataGridTableHeader, j as OrDataGridTableHeaderCell, k as OrDataGridTableHeaderRow, l as OrDataGridTablePlaceholder, m as OrDataGridToolbar } from '../../../index-e01016f0.js';
+export { _ as OrDataGridFooter, a as OrDataGridHeader, b as OrDataGridTable, c as OrDataGridTableContent, d as OrDataGridTableContentCell, e as OrDataGridTableContentRow, f as OrDataGridTableFooter, g as OrDataGridTableFooterCell, h as OrDataGridTableFooterRow, i as OrDataGridTableHeader, j as OrDataGridTableHeaderCell, k as OrDataGridTableHeaderRow, l as OrDataGridTablePlaceholder, m as OrDataGridToolbar } from '../../../index-4e09dbe7.js';
 import 'vue-demi';
 import '../../../normalize-component-cf2db48b.js';
 import '../../../types/index.js';
@@ -19,7 +19,7 @@ import '../../or-date-picker-v3/index.js';
 import '../../../directives/index.js';
 import '../../../useTimeFormat-d9b2ba33.js';
 import '../../../tokens/index.js';
-import '../../../OrDateTimePicker.vue_rollup-plugin-vue_script-b00eee5d.js';
+import '../../../OrDateTimePicker.vue_rollup-plugin-vue_script-aba23066.js';
 import '../../or-error-v3/index.js';
 import '../../or-hint-v3/index.js';
 import '../../or-icon-button-v3/index.js';
@@ -50,7 +50,7 @@ import '../../or-loader-v3/index.js';
 import '../../or-menu-item-v3/index.js';
 import '../../or-menu-v3/index.js';
 import '../../../getCurrentDate-9b88f8a8.js';
-import '../../../OrDateTimePicker-8538e810.js';
+import '../../../OrDateTimePicker-a35cc5b7.js';
 import '../../or-input-v3/index.js';
 import '../../../useValidationAttributes-4631a740.js';
 import '../../../style-inject.es-87955792.js';

package/dist/esm/components/or-date-format-v3/index.js

@@ -5,7 +5,7 @@ import '@vueuse/core';
 import '@onereach/styles/screens.json';
 import '@onereach/styles/tailwind.config.json';
 import '../../types/index.js';
-import '../../OrDateTimePicker.vue_rollup-plugin-vue_script-b00eee5d.js';
+import '../../OrDateTimePicker.vue_rollup-plugin-vue_script-aba23066.js';
 import '../or-date-time-picker-v3/partials/index.js';
 import { f as formatDate } from '../../formatTime-a1de80d6.js';
 import { n as normalizeComponent } from '../../normalize-component-cf2db48b.js';

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

@@ -7,7 +7,7 @@ import { u as useProxyModelValue } from '../../useProxyModelValue-42e265dd.js';
 import '@onereach/styles/screens.json';
 import '@onereach/styles/tailwind.config.json';
 import '../../types/index.js';
-import '../../OrDateTimePicker.vue_rollup-plugin-vue_script-b00eee5d.js';
+import '../../OrDateTimePicker.vue_rollup-plugin-vue_script-aba23066.js';
 import { OrDateTimePickerDateControl as __vue_component__$1, OrDateTimePickerDateSelect as __vue_component__$2, OrDateTimePickerMobileControl as __vue_component__$3, OrDateTimePickerMonthSelect as __vue_component__$4, OrDateTimePickerPopoverFooter as __vue_component__$5, OrDateTimePickerPopoverHeader as __vue_component__$6 } from '../or-date-time-picker-v3/partials/index.js';
 import { g as getCurrentDate, f as formatMobileDate } from '../../getCurrentDate-9b88f8a8.js';
 import { OrErrorV3 as __vue_component__$7 } from '../or-error-v3/index.js';

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

@@ -7,7 +7,7 @@ import { u as useProxyModelValue } from '../../useProxyModelValue-42e265dd.js';
 import { useResponsive } from '../../hooks/useResponsive/index.js';
 import '@onereach/styles/tailwind.config.json';
 import '../../types/index.js';
-import '../../OrDateTimePicker.vue_rollup-plugin-vue_script-b00eee5d.js';
+import '../../OrDateTimePicker.vue_rollup-plugin-vue_script-aba23066.js';
 import { OrDateTimePickerDateControl as __vue_component__$1, OrDateTimePickerDateSelect as __vue_component__$2, OrDateTimePickerMobileControl as __vue_component__$3, OrDateTimePickerMonthSelect as __vue_component__$4, OrDateTimePickerPopoverFooter as __vue_component__$5, OrDateTimePickerPopoverHeader as __vue_component__$6 } from '../or-date-time-picker-v3/partials/index.js';
 import { g as getCurrentDate, f as formatMobileDate } from '../../getCurrentDate-9b88f8a8.js';
 import { getNextMonthDate } from '../or-date-time-picker-v3/utils/index.js';

package/dist/esm/components/or-date-time-format-v3/index.js

@@ -5,7 +5,7 @@ import '@vueuse/core';
 import '@onereach/styles/screens.json';
 import '@onereach/styles/tailwind.config.json';
 import '../../types/index.js';
-import '../../OrDateTimePicker.vue_rollup-plugin-vue_script-b00eee5d.js';
+import '../../OrDateTimePicker.vue_rollup-plugin-vue_script-aba23066.js';
 import '../or-date-time-picker-v3/partials/index.js';
 import { f as formatDate, a as formatTime } from '../../formatTime-a1de80d6.js';
 import { n as normalizeComponent } from '../../normalize-component-cf2db48b.js';

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

@@ -1,9 +1,9 @@
-export { _ as OrDateTimePickerV3 } from '../../OrDateTimePicker-8538e810.js';
+export { _ as OrDateTimePickerV3 } from '../../OrDateTimePicker-a35cc5b7.js';
 export { OrDateTimePickerDateControl, OrDateTimePickerDateSelect, OrDateTimePickerMobileControl, OrDateTimePickerMonthSelect, OrDateTimePickerPopoverFooter, OrDateTimePickerPopoverHeader, OrDateTimePickerTimeControl, OrDateTimePickerTimeSelect } from './partials/index.js';
 export { f as formatDate, a as formatTime } from '../../formatTime-a1de80d6.js';
 export { f as formatMobileDate, a as formatMobileTime, g as getCurrentDate } from '../../getCurrentDate-9b88f8a8.js';
 export { getNextMonthDate } from './utils/index.js';
-import '../../OrDateTimePicker.vue_rollup-plugin-vue_script-b00eee5d.js';
+import '../../OrDateTimePicker.vue_rollup-plugin-vue_script-aba23066.js';
 import 'vue-demi';
 import '../../directives/index.js';
 import '../../useTimeFormat-d9b2ba33.js';

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

@@ -1014,6 +1014,14 @@ var script = defineComponent({
       type: Function,
       default: undefined
     },
+    hourStep: {
+      type: Number,
+      default: 1
+    },
+    minuteStep: {
+      type: Number,
+      default: 1
+    },
     isActive: {
       type: Boolean,
       default: false
@@ -1025,8 +1033,8 @@ var script = defineComponent({
     var _a;
     // Refs & Styles
     const root = ref();
-    const activeHourButtonRef = ref();
-    const activeMinuteButtonRef = ref();
+    const hoursButtons = ref([]);
+    const minutesButtons = ref([]);
     const rootStyles = computed(() => ['or-date-time-picker-time-select-v3', ...DateTimePickerTimeSelect]);
     const buttonGroupStyles = computed(() => [...DateTimePickerTimeSelectButtonGroup]);
     const buttonGroupItemStyles = computed(() => [...DateTimePickerTimeSelectButtonGroupItem]);
@@ -1051,15 +1059,17 @@ var script = defineComponent({
         if (!isActive || !model.value) {
           return;
         }
-        if (activeHourButtonRef.value) {
+        const activeHourButton = getActiveButton(hoursButtons.value, hoursOptions.value);
+        const activeMinuteButton = getActiveButton(minutesButtons.value, minutesOptions.value);
+        if (activeHourButton) {
           // scroll to the active hour button within the hours container.
-          activeHourButtonRef.value.scrollIntoView({
+          activeHourButton.scrollIntoView({
             block: 'center'
           });
         }
-        if (activeMinuteButtonRef.value) {
+        if (activeMinuteButton) {
           // scroll to the active minute button within the minutes container.
-          activeMinuteButtonRef.value.scrollIntoView({
+          activeMinuteButton.scrollIntoView({
             block: 'center'
           });
         }
@@ -1079,11 +1089,12 @@ var script = defineComponent({
       return props.format;
     });
     const hoursOptions = computed(() => {
+      const hourStep = props.hourStep > 0 ? props.hourStep : 1;
       return Array.from({
-        length: 24
+        length: Math.ceil(24 / hourStep)
       }, (_value, index) => {
         var _a, _b, _c, _d;
-        const value = index;
+        const value = index * hourStep;
         return new Date(Date.UTC(((_a = model.value) !== null && _a !== void 0 ? _a : props.initialValue).getUTCFullYear(), ((_b = model.value) !== null && _b !== void 0 ? _b : props.initialValue).getUTCMonth(), ((_c = model.value) !== null && _c !== void 0 ? _c : props.initialValue).getUTCDate(), value, ((_d = model.value) !== null && _d !== void 0 ? _d : props.initialValue).getUTCMinutes()));
       }).filter(value => {
         if (proxyTimeFormat.value === TimeFormat.H23) {
@@ -1098,11 +1109,12 @@ var script = defineComponent({
       });
     });
     const minutesOptions = computed(() => {
+      const minuteStep = props.minuteStep > 0 ? props.minuteStep : 1;
       return Array.from({
-        length: 60
+        length: Math.ceil(60 / minuteStep)
       }, (_value, index) => {
         var _a, _b, _c, _d;
-        const value = index;
+        const value = index * minuteStep;
         return new Date(Date.UTC(((_a = model.value) !== null && _a !== void 0 ? _a : props.initialValue).getUTCFullYear(), ((_b = model.value) !== null && _b !== void 0 ? _b : props.initialValue).getUTCMonth(), ((_c = model.value) !== null && _c !== void 0 ? _c : props.initialValue).getUTCDate(), ((_d = model.value) !== null && _d !== void 0 ? _d : props.initialValue).getUTCHours(), value));
       });
     });
@@ -1117,19 +1129,20 @@ var script = defineComponent({
     function formatMinutes(value) {
       return String(value.getUTCMinutes()).padStart(2, '0');
     }
-    function setActiveHourButtonRef(el, value) {
-      if (Number(value) === Number(model.value)) {
-        activeHourButtonRef.value = el === null || el === void 0 ? void 0 : el.root;
-      }
+    function sortElementsByPosition(elements) {
+      return [...elements].sort((a, b) => {
+        return a.root.compareDocumentPosition(b.root) & 2 ? 1 : -1;
+      });
     }
-    function setActiveMinuteButtonRef(el, value) {
-      if (Number(value) === Number(model.value)) {
-        activeMinuteButtonRef.value = el === null || el === void 0 ? void 0 : el.root;
-      }
+    function getActiveButton(buttons, options) {
+      var _a;
+      return (_a = sortElementsByPosition(buttons).find((button, index) => Number(model.value) === Number(options[index]))) === null || _a === void 0 ? void 0 : _a.root;
     }
     return {
       root,
       rootStyles,
+      hoursButtons,
+      minutesButtons,
       buttonGroupStyles,
       buttonGroupItemStyles,
       model,
@@ -1138,9 +1151,7 @@ var script = defineComponent({
       hoursOptions,
       minutesOptions,
       formatHours,
-      formatMinutes,
-      setActiveHourButtonRef,
-      setActiveMinuteButtonRef
+      formatMinutes
     };
   }
 });
@@ -1161,9 +1172,7 @@ var __vue_render__ = function () {
   }, _vm._l(_vm.hoursOptions, function (value) {
     return _c('OrButton', {
       key: Number(value),
-      ref: function (el) {
-        return _vm.setActiveHourButtonRef(el, value);
-      },
+      ref: 'hoursButtons',
       refInFor: true,
       class: _vm.buttonGroupItemStyles,
       attrs: {
@@ -1183,9 +1192,7 @@ var __vue_render__ = function () {
   }, _vm._l(_vm.minutesOptions, function (value) {
     return _c('OrButton', {
       key: Number(value),
-      ref: function (el) {
-        return _vm.setActiveMinuteButtonRef(el, value);
-      },
+      ref: 'minutesButtons',
       refInFor: true,
       class: _vm.buttonGroupItemStyles,
       attrs: {

package/dist/esm/components/or-icon-button-v3/index.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed } from 'vue-demi';
 import { i as isVue3 } from '../../constants-873d04a2.js';
-import { OrIconV3 as __vue_component__$1, IconSize } from '../or-icon-v3/index.js';
+import { OrIconV3 as __vue_component__$1, IconSize, IconVariant } from '../or-icon-v3/index.js';
 import { OrTooltipV3 as __vue_component__$2 } from '../or-tooltip-v3/index.js';
 import { n as normalizeComponent } from '../../normalize-component-cf2db48b.js';
 import '../../types/index.js';
@@ -98,7 +98,6 @@ var script = defineComponent({
     OrIcon: __vue_component__$1,
     OrTooltip: __vue_component__$2
   },
-  inheritAttrs: false,
   props: {
     // TODO: Remove after migration to Vue 3
     additionalStyles: {
@@ -135,11 +134,31 @@ var script = defineComponent({
   setup(props) {
     // Refs
     const root = ref();
+    const tooltipRef = ref();
+    const iconProps = computed(() => {
+      return typeof props.icon === 'string' ? {
+        icon: props.icon,
+        variant: IconVariant.Inherit,
+        size: props.size
+      } : {
+        variant: IconVariant.Inherit,
+        size: props.size,
+        ...props.icon
+      };
+    });
+    const tooltipProps = computed(() => {
+      return typeof props.tooltip === 'string' ? {
+        content: props.tooltip
+      } : props.tooltip;
+    });
     // Styles
-    const rootStyles = computed(() => ['or-icon-button-v3', ...IconButton, ...IconButtonColors[props.color]]);
+    const rootStyles = computed(() => ['or-icon-button-v3', ...IconButton, ...IconButtonColors[props.color], ...props.additionalStyles]);
     return {
       root,
+      tooltipRef,
       rootStyles,
+      iconProps,
+      tooltipProps,
       isVue3
     };
   }
@@ -153,25 +172,23 @@ var __vue_render__ = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
-  return _c('OrTooltip', _vm._b({
-    scopedSlots: _vm._u([_vm.$slots.tooltipContent ? {
-      key: "content",
-      fn: function () {
-        return [_vm._t("tooltipContent")];
-      },
-      proxy: true
-    } : null], null, true)
-  }, 'OrTooltip', typeof _vm.tooltip === 'string' ? {
-    content: _vm.tooltip
-  } : _vm.tooltip, false), [_c('button', _vm._g(_vm._b({
+  return _c('button', _vm._g({
     ref: 'root',
-    class: [_vm.rootStyles].concat(_vm.additionalStyles),
+    class: _vm.rootStyles,
     attrs: {
       "type": 'button',
       "selected": _vm.selected,
       "disabled": _vm.disabled
+    },
+    on: {
+      "mouseover": function ($event) {
+        _vm.tooltipRef && _vm.tooltipRef.open();
+      },
+      "mouseout": function ($event) {
+        _vm.tooltipRef && _vm.tooltipRef.close();
+      }
     }
-  }, 'button', _vm.$attrs, false), Object.assign({}, _vm.isVue3 ? {} : _vm.$listeners, {
+  }, Object.assign({}, _vm.isVue3 ? {} : _vm.$listeners, {
     click: function (e) {
       return _vm.$emit('click', e);
     },
@@ -181,14 +198,19 @@ var __vue_render__ = function () {
     blur: function (e) {
       return _vm.$emit('blur', e);
     }
-  })), [_c('OrIcon', _vm._b({}, 'OrIcon', typeof _vm.icon === 'string' ? {
-    icon: _vm.icon,
-    variant: 'inherit',
-    size: _vm.size
-  } : Object.assign({}, {
-    variant: 'inherit',
-    size: _vm.size
-  }, _vm.icon), false))], 1)]);
+  })), [_c('OrIcon', _vm._b({}, 'OrIcon', _vm.iconProps, false)), _vm._v(" "), _c('OrTooltip', _vm._b({
+    ref: "tooltipRef",
+    attrs: {
+      "trigger": _vm.root
+    },
+    scopedSlots: _vm._u([_vm.$slots.tooltipContent ? {
+      key: "content",
+      fn: function () {
+        return [_vm._t("tooltipContent")];
+      },
+      proxy: true
+    } : null], null, true)
+  }, 'OrTooltip', _vm.tooltipProps, false))], 1);
 };
 var __vue_staticRenderFns__ = [];
 

package/dist/esm/components/or-time-format-v3/index.js

@@ -5,7 +5,7 @@ import { b as useTimeFormat, a as useLocale } from '../../useTimeFormat-d9b2ba33
 import '@vueuse/core';
 import '@onereach/styles/screens.json';
 import '@onereach/styles/tailwind.config.json';
-import '../../OrDateTimePicker.vue_rollup-plugin-vue_script-b00eee5d.js';
+import '../../OrDateTimePicker.vue_rollup-plugin-vue_script-aba23066.js';
 import '../or-date-time-picker-v3/partials/index.js';
 import { a as formatTime } from '../../formatTime-a1de80d6.js';
 import { n as normalizeComponent } from '../../normalize-component-cf2db48b.js';

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

@@ -7,7 +7,7 @@ import '@vueuse/core';
 import { u as useProxyModelValue } from '../../useProxyModelValue-42e265dd.js';
 import '@onereach/styles/screens.json';
 import '@onereach/styles/tailwind.config.json';
-import '../../OrDateTimePicker.vue_rollup-plugin-vue_script-b00eee5d.js';
+import '../../OrDateTimePicker.vue_rollup-plugin-vue_script-aba23066.js';
 import { OrDateTimePickerMobileControl as __vue_component__$1, OrDateTimePickerPopoverFooter as __vue_component__$2, OrDateTimePickerPopoverHeader as __vue_component__$3, OrDateTimePickerTimeControl as __vue_component__$4, OrDateTimePickerTimeSelect as __vue_component__$5 } from '../or-date-time-picker-v3/partials/index.js';
 import { g as getCurrentDate, a as formatMobileTime } from '../../getCurrentDate-9b88f8a8.js';
 import { OrErrorV3 as __vue_component__$6 } from '../or-error-v3/index.js';
@@ -96,6 +96,14 @@ var script = defineComponent({
       type: Function,
       default: undefined
     },
+    hourStep: {
+      type: Number,
+      default: 1
+    },
+    minuteStep: {
+      type: Number,
+      default: 1
+    },
     variant: {
       type: String,
       default: undefined
@@ -348,6 +356,8 @@ var __vue_render__ = function () {
       "locale": _vm.resolvedLocale,
       "hours-filter": _vm.hoursFilter,
       "minutes-filter": _vm.minutesFilter,
+      "hour-step": _vm.hourStep,
+      "minute-step": _vm.minuteStep,
       "is-active": _vm.popover && _vm.popover.state === 'open'
     },
     model: {

package/dist/esm/components/or-time-range-picker-v3/index.js

@@ -7,7 +7,7 @@ import '@vueuse/core';
 import { u as useProxyModelValue } from '../../useProxyModelValue-42e265dd.js';
 import { useResponsive } from '../../hooks/useResponsive/index.js';
 import '@onereach/styles/tailwind.config.json';
-import '../../OrDateTimePicker.vue_rollup-plugin-vue_script-b00eee5d.js';
+import '../../OrDateTimePicker.vue_rollup-plugin-vue_script-aba23066.js';
 import { OrDateTimePickerMobileControl as __vue_component__$1, OrDateTimePickerPopoverFooter as __vue_component__$2, OrDateTimePickerPopoverHeader as __vue_component__$3, OrDateTimePickerTimeControl as __vue_component__$4, OrDateTimePickerTimeSelect as __vue_component__$5 } from '../or-date-time-picker-v3/partials/index.js';
 import { g as getCurrentDate, a as formatMobileTime } from '../../getCurrentDate-9b88f8a8.js';
 import { OrErrorV3 as __vue_component__$6 } from '../or-error-v3/index.js';
@@ -88,6 +88,14 @@ var script = defineComponent({
       type: String,
       default: undefined
     },
+    hourStep: {
+      type: Number,
+      default: 1
+    },
+    minuteStep: {
+      type: Number,
+      default: 1
+    },
     variant: {
       type: String,
       default: undefined
@@ -421,6 +429,8 @@ var __vue_render__ = function () {
       "initial-value": _vm.initialValueFrom,
       "format": _vm.resolvedFormat,
       "locale": _vm.resolvedLocale,
+      "hour-step": _vm.hourStep,
+      "minute-step": _vm.minuteStep,
       "is-active": _vm.popover && _vm.popover.state === 'open'
     },
     model: {
@@ -436,6 +446,8 @@ var __vue_render__ = function () {
       "initial-value": _vm.initialValueTo,
       "format": _vm.resolvedFormat,
       "locale": _vm.resolvedLocale,
+      "hour-step": _vm.hourStep,
+      "minute-step": _vm.minuteStep,
       "is-active": _vm.popover && _vm.popover.state === 'open'
     },
     model: {

package/dist/esm/{index-e01016f0.js → index-4e09dbe7.js}

@@ -8,7 +8,7 @@ import '@onereach/styles/screens.json';
 import '@onereach/styles/tailwind.config.json';
 import { OrCheckboxV3 as __vue_component__$e } from './components/or-checkbox-v3/index.js';
 import { OrDatePickerV3 as __vue_component__$f } from './components/or-date-picker-v3/index.js';
-import { _ as __vue_component__$g } from './OrDateTimePicker-8538e810.js';
+import { _ as __vue_component__$g } from './OrDateTimePicker-a35cc5b7.js';
 import './components/or-date-time-picker-v3/partials/index.js';
 import { OrInputV3 as __vue_component__$h } from './components/or-input-v3/index.js';
 import { OrRatingV3 as __vue_component__$i } from './components/or-rating-v3/index.js';

package/dist/esm/index.js

@@ -35,13 +35,13 @@ export { OrConfirm } from './components/or-confirm/index.js';
 export { ConfirmType, OrConfirmV3 } from './components/or-confirm-v3/index.js';
 export { OrContextMenuV3 } from './components/or-context-menu-v3/index.js';
 export { OrDataGridV3 } from './components/or-data-grid-v3/index.js';
-export { D as DataGridVariant } from './index-e01016f0.js';
+export { D as DataGridVariant } from './index-4e09dbe7.js';
 export { OrDateFormatV3 } from './components/or-date-format-v3/index.js';
 export { OrDatePickerV3 } from './components/or-date-picker-v3/index.js';
 export { OrDateRangePickerV3 } from './components/or-date-range-picker-v3/index.js';
 export { OrDateTimeFormatV3 } from './components/or-date-time-format-v3/index.js';
 export { DEFAULT_TEXT, OrDateTimePicker, OrDateTimePickerItemTypes, OrDateTimePickerTypes } from './components/or-date-time-picker/index.js';
-export { _ as OrDateTimePickerV3 } from './OrDateTimePicker-8538e810.js';
+export { _ as OrDateTimePickerV3 } from './OrDateTimePicker-a35cc5b7.js';
 export { OrDateTimePickerDateControl, OrDateTimePickerDateSelect, OrDateTimePickerMobileControl, OrDateTimePickerMonthSelect, OrDateTimePickerPopoverFooter, OrDateTimePickerPopoverHeader, OrDateTimePickerTimeControl, OrDateTimePickerTimeSelect } from './components/or-date-time-picker-v3/partials/index.js';
 export { f as formatDate, a as formatTime } from './formatTime-a1de80d6.js';
 export { f as formatMobileDate, a as formatMobileTime, g as getCurrentDate } from './getCurrentDate-9b88f8a8.js';
@@ -205,7 +205,7 @@ import '@vueuse/math';
 import './OrSkeletonCircle.vue_rollup-plugin-vue_script-373399b7.js';
 import './styles-b98d8bf7.js';
 import './OrSkeletonRect.vue_rollup-plugin-vue_script-99ae0828.js';
-import './OrDateTimePicker.vue_rollup-plugin-vue_script-b00eee5d.js';
+import './OrDateTimePicker.vue_rollup-plugin-vue_script-aba23066.js';
 import 'lodash/padStart';
 import './components/or-editor-tabs-v3/partials/index.js';
 import '@floating-ui/dom';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components-vue2",
-  "version": "18.1.0-beta.4926.0",
+  "version": "18.2.1",
   "npmUnpacked": "4.15.2",
   "description": "Vue components library for v2",
   "sideEffects": false,
@@ -35,7 +35,7 @@
     "@codemirror/view": "^6",
     "@floating-ui/dom": "1.5.3",
     "@lezer/highlight": "*",
-    "@onereach/styles": "^18.1.0-beta.4926.0",
+    "@onereach/styles": "^18.2.1",
     "@splidejs/splide": "4.0.6",
     "@tiptap/core": "2.0.3",
     "@tiptap/extension-blockquote": "2.0.3",
@@ -133,5 +133,6 @@
       "types": "./dist/bundled/components/*/index.d.ts",
       "default": "./dist/bundled/components/*/index.js"
     }
-  }
+  },
+  "gitHead": "7c2077bda5ba61575fd2e0def542bad5f86b8755"
 }