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

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

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
+import { defineComponent, ref, computed, toRef, watch, nextTick } from 'vue-demi';
 import { useTimeMask } from './hooks/useTimeMask.js';
 import { formatTime } from './components/OrDateTimePickerV3/utils/formatTime.js';
 import { useProxyModelValue } from './hooks/useProxyModelValue.js';
@@ -182,6 +182,10 @@ var script = defineComponent({
     minutesFilter: {
       type: Function,
       default: undefined
+    },
+    isActive: {
+      type: Boolean,
+      default: false
     }
   },
   emits: ['update:modelValue'],
@@ -190,12 +194,15 @@ var script = defineComponent({
     var _a;
     // Refs & Styles
     const root = ref();
+    const activeHourButtonRef = ref();
+    const activeMinuteButtonRef = ref();
     const rootStyles = computed(() => ['or-date-time-picker-time-select-v3', ...DateTimePickerTimeSelect]);
     const buttonGroupStyles = computed(() => [...DateTimePickerTimeSelectButtonGroup]);
     const buttonGroupItemStyles = computed(() => [...DateTimePickerTimeSelectButtonGroupItem]);
     // State
     const model = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
     const dayPeriod = ref(((_a = model.value) !== null && _a !== void 0 ? _a : props.initialValue).getUTCHours() < 12 ? 'am' : 'pm');
+    // Effects
     watch(dayPeriod, value => {
       var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
       switch (value) {
@@ -207,6 +214,29 @@ var script = defineComponent({
           break;
       }
     });
+    watch(() => props.isActive, isActive => {
+      // Wait for the next DOM update cycle to ensure all refs are correctly updated.
+      nextTick(() => {
+        if (!isActive || !model.value) {
+          return;
+        }
+        if (activeHourButtonRef.value) {
+          // scroll to the active hour button within the hours container.
+          activeHourButtonRef.value.scrollIntoView({
+            block: 'center'
+          });
+        }
+        if (activeMinuteButtonRef.value) {
+          // scroll to the active minute button within the minutes container.
+          activeMinuteButtonRef.value.scrollIntoView({
+            block: 'center'
+          });
+        }
+      });
+    }, {
+      immediate: true
+    });
+    // Computed
     const proxyTimeFormat = computed(() => {
       if (typeof props.format === 'function' || props.format === TimeFormat.Auto) {
         const timeSample = new Date(1970, 0);
@@ -256,6 +286,16 @@ 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 setActiveMinuteButtonRef(el, value) {
+      if (Number(value) === Number(model.value)) {
+        activeMinuteButtonRef.value = el === null || el === void 0 ? void 0 : el.root;
+      }
+    }
     return {
       root,
       rootStyles,
@@ -267,7 +307,9 @@ var script = defineComponent({
       hoursOptions,
       minutesOptions,
       formatHours,
-      formatMinutes
+      formatMinutes,
+      setActiveHourButtonRef,
+      setActiveMinuteButtonRef
     };
   }
 });
@@ -288,6 +330,10 @@ var __vue_render__ = function () {
   }, _vm._l(_vm.hoursOptions, function (value) {
     return _c('OrButton', {
       key: Number(value),
+      ref: function (el) {
+        return _vm.setActiveHourButtonRef(el, value);
+      },
+      refInFor: true,
       class: _vm.buttonGroupItemStyles,
       attrs: {
         "variant": Number(value) === Number(_vm.model) ? 'contained' : 'text',
@@ -306,6 +352,10 @@ var __vue_render__ = function () {
   }, _vm._l(_vm.minutesOptions, function (value) {
     return _c('OrButton', {
       key: Number(value),
+      ref: function (el) {
+        return _vm.setActiveMinuteButtonRef(el, value);
+      },
+      refInFor: true,
       class: _vm.buttonGroupItemStyles,
       attrs: {
         "variant": Number(value) === Number(_vm.model) ? 'contained' : 'text',

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-eac43bb0.js';
+import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-9323d799.js';
 import { DateTimePicker, DateTimePickerDatePopover, DateTimePickerTimePopover } from './styles.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';
 import __vue_component__$2 from '../OrHintV3/OrHint.js';
@@ -480,7 +480,8 @@ var __vue_render__ = function () {
       "format": _vm.resolvedTimeFormat,
       "locale": _vm.resolvedLocale,
       "hours-filter": _vm.hoursFilter,
-      "minutes-filter": _vm.minutesFilter
+      "minutes-filter": _vm.minutesFilter,
+      "is-active": _vm.timePopover && _vm.timePopover.state === 'open'
     },
     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-eac43bb0.js';
+export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-9323d799.js';
 export { formatDate } from './utils/formatDate.js';
 export { formatMobileDate } from './utils/formatMobileDate.js';
 export { formatMobileTime } from './utils/formatMobileTime.js';

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-eac43bb0.js';
+import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-9323d799.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';
@@ -315,7 +315,8 @@ var __vue_render__ = function () {
       "format": _vm.resolvedFormat,
       "locale": _vm.resolvedLocale,
       "hours-filter": _vm.hoursFilter,
-      "minutes-filter": _vm.minutesFilter
+      "minutes-filter": _vm.minutesFilter,
+      "is-active": _vm.popover && _vm.popover.state === 'open'
     },
     model: {
       value: _vm.draft,

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-eac43bb0.js';
+import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-9323d799.js';
 import { DropdownClose } from '../../directives/dropdown-close.js';
 import { DropdownOpen } from '../../directives/dropdown-open.js';
 import { a as InputBoxVariant } from '../../types-98e9a758.js';
@@ -389,7 +389,8 @@ var __vue_render__ = function () {
     attrs: {
       "initial-value": _vm.initialValueFrom,
       "format": _vm.resolvedFormat,
-      "locale": _vm.resolvedLocale
+      "locale": _vm.resolvedLocale,
+      "is-active": _vm.popover && _vm.popover.state === 'open'
     },
     model: {
       value: _vm.draftFrom,
@@ -403,7 +404,8 @@ var __vue_render__ = function () {
     attrs: {
       "initial-value": _vm.initialValueTo,
       "format": _vm.resolvedFormat,
-      "locale": _vm.resolvedLocale
+      "locale": _vm.resolvedLocale,
+      "is-active": _vm.popover && _vm.popover.state === 'open'
     },
     model: {
       value: _vm.draftTo,

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-eac43bb0.js';
+export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../OrDateTimePickerTimeSelect-9323d799.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-eac43bb0.js';
+export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from './OrDateTimePickerTimeSelect-9323d799.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-d84e15c4.js → OrDateTimePicker-8538e810.js}

@@ -224,7 +224,8 @@ var __vue_render__ = function () {
       "format": _vm.resolvedTimeFormat,
       "locale": _vm.resolvedLocale,
       "hours-filter": _vm.hoursFilter,
-      "minutes-filter": _vm.minutesFilter
+      "minutes-filter": _vm.minutesFilter,
+      "is-active": _vm.timePopover && _vm.timePopover.state === 'open'
     },
     model: {
       value: _vm.draft,

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-32bb1f37.js';
+export { D as DataGridVariant } from '../index-e01016f0.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-d84e15c4.js';
+export { _ as OrDateTimePickerV3 } from '../OrDateTimePicker-8538e810.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';

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-32bb1f37.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 { n as normalizeComponent } from '../../normalize-component-cf2db48b.js';
 import '../../useIdAttribute-524b67c6.js';
 import '../../types/index.js';
@@ -61,7 +61,7 @@ import '../or-date-time-picker-v3/partials/index.js';
 import '../../useTimeMask-4bcbb554.js';
 import '../../formatTime-a1de80d6.js';
 import '../../getCurrentDate-9b88f8a8.js';
-import '../../OrDateTimePicker-d84e15c4.js';
+import '../../OrDateTimePicker-8538e810.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-32bb1f37.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-e01016f0.js';
 import 'vue-demi';
 import '../../../normalize-component-cf2db48b.js';
 import '../../../types/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-d84e15c4.js';
+import '../../../OrDateTimePicker-8538e810.js';
 import '../../or-input-v3/index.js';
 import '../../../useValidationAttributes-4631a740.js';
 import '../../../style-inject.es-87955792.js';

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

@@ -1,4 +1,4 @@
-export { _ as OrDateTimePickerV3 } from '../../OrDateTimePicker-d84e15c4.js';
+export { _ as OrDateTimePickerV3 } from '../../OrDateTimePicker-8538e810.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';

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

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
+import { defineComponent, ref, computed, toRef, watch, nextTick } from 'vue-demi';
 import { TimeFormat } from '../../../types/index.js';
 import { u as useDateMask, a as useTimeMask } from '../../../useTimeMask-4bcbb554.js';
 import '../../../dom-11141778.js';
@@ -1013,6 +1013,10 @@ var script = defineComponent({
     minutesFilter: {
       type: Function,
       default: undefined
+    },
+    isActive: {
+      type: Boolean,
+      default: false
     }
   },
   emits: ['update:modelValue'],
@@ -1021,12 +1025,15 @@ var script = defineComponent({
     var _a;
     // Refs & Styles
     const root = ref();
+    const activeHourButtonRef = ref();
+    const activeMinuteButtonRef = ref();
     const rootStyles = computed(() => ['or-date-time-picker-time-select-v3', ...DateTimePickerTimeSelect]);
     const buttonGroupStyles = computed(() => [...DateTimePickerTimeSelectButtonGroup]);
     const buttonGroupItemStyles = computed(() => [...DateTimePickerTimeSelectButtonGroupItem]);
     // State
     const model = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
     const dayPeriod = ref(((_a = model.value) !== null && _a !== void 0 ? _a : props.initialValue).getUTCHours() < 12 ? 'am' : 'pm');
+    // Effects
     watch(dayPeriod, value => {
       var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
       switch (value) {
@@ -1038,6 +1045,29 @@ var script = defineComponent({
           break;
       }
     });
+    watch(() => props.isActive, isActive => {
+      // Wait for the next DOM update cycle to ensure all refs are correctly updated.
+      nextTick(() => {
+        if (!isActive || !model.value) {
+          return;
+        }
+        if (activeHourButtonRef.value) {
+          // scroll to the active hour button within the hours container.
+          activeHourButtonRef.value.scrollIntoView({
+            block: 'center'
+          });
+        }
+        if (activeMinuteButtonRef.value) {
+          // scroll to the active minute button within the minutes container.
+          activeMinuteButtonRef.value.scrollIntoView({
+            block: 'center'
+          });
+        }
+      });
+    }, {
+      immediate: true
+    });
+    // Computed
     const proxyTimeFormat = computed(() => {
       if (typeof props.format === 'function' || props.format === TimeFormat.Auto) {
         const timeSample = new Date(1970, 0);
@@ -1087,6 +1117,16 @@ 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 setActiveMinuteButtonRef(el, value) {
+      if (Number(value) === Number(model.value)) {
+        activeMinuteButtonRef.value = el === null || el === void 0 ? void 0 : el.root;
+      }
+    }
     return {
       root,
       rootStyles,
@@ -1098,7 +1138,9 @@ var script = defineComponent({
       hoursOptions,
       minutesOptions,
       formatHours,
-      formatMinutes
+      formatMinutes,
+      setActiveHourButtonRef,
+      setActiveMinuteButtonRef
     };
   }
 });
@@ -1119,6 +1161,10 @@ var __vue_render__ = function () {
   }, _vm._l(_vm.hoursOptions, function (value) {
     return _c('OrButton', {
       key: Number(value),
+      ref: function (el) {
+        return _vm.setActiveHourButtonRef(el, value);
+      },
+      refInFor: true,
       class: _vm.buttonGroupItemStyles,
       attrs: {
         "variant": Number(value) === Number(_vm.model) ? 'contained' : 'text',
@@ -1137,6 +1183,10 @@ var __vue_render__ = function () {
   }, _vm._l(_vm.minutesOptions, function (value) {
     return _c('OrButton', {
       key: Number(value),
+      ref: function (el) {
+        return _vm.setActiveMinuteButtonRef(el, value);
+      },
+      refInFor: true,
       class: _vm.buttonGroupItemStyles,
       attrs: {
         "variant": Number(value) === Number(_vm.model) ? 'contained' : 'text',

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

@@ -347,7 +347,8 @@ var __vue_render__ = function () {
       "format": _vm.resolvedFormat,
       "locale": _vm.resolvedLocale,
       "hours-filter": _vm.hoursFilter,
-      "minutes-filter": _vm.minutesFilter
+      "minutes-filter": _vm.minutesFilter,
+      "is-active": _vm.popover && _vm.popover.state === 'open'
     },
     model: {
       value: _vm.draft,

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

@@ -420,7 +420,8 @@ var __vue_render__ = function () {
     attrs: {
       "initial-value": _vm.initialValueFrom,
       "format": _vm.resolvedFormat,
-      "locale": _vm.resolvedLocale
+      "locale": _vm.resolvedLocale,
+      "is-active": _vm.popover && _vm.popover.state === 'open'
     },
     model: {
       value: _vm.draftFrom,
@@ -434,7 +435,8 @@ var __vue_render__ = function () {
     attrs: {
       "initial-value": _vm.initialValueTo,
       "format": _vm.resolvedFormat,
-      "locale": _vm.resolvedLocale
+      "locale": _vm.resolvedLocale,
+      "is-active": _vm.popover && _vm.popover.state === 'open'
     },
     model: {
       value: _vm.draftTo,

package/dist/esm/{index-32bb1f37.js → index-e01016f0.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-d84e15c4.js';
+import { _ as __vue_component__$g } from './OrDateTimePicker-8538e810.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-32bb1f37.js';
+export { D as DataGridVariant } from './index-e01016f0.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-d84e15c4.js';
+export { _ as OrDateTimePickerV3 } from './OrDateTimePicker-8538e810.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';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components-vue2",
-  "version": "18.0.3",
+  "version": "18.1.0-beta.4926.0",
   "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.0.3",
+    "@onereach/styles": "^18.1.0-beta.4926.0",
     "@splidejs/splide": "4.0.6",
     "@tiptap/core": "2.0.3",
     "@tiptap/extension-blockquote": "2.0.3",
@@ -133,6 +133,5 @@
       "types": "./dist/bundled/components/*/index.d.ts",
       "default": "./dist/bundled/components/*/index.js"
     }
-  },
-  "gitHead": "ada21e6c9eebe3b74633dd9be1988a4528857f5d"
+  }
 }