@onereach/ui-components 7.0.2-beta.3549.0 → 7.0.2-beta.3550.0

package/dist/bundled/v2/{OrDateTimePickerMonthSelect-0e7f761d.js → OrDateTimePickerMonthSelect-e07a84e9.js}

@@ -15,7 +15,9 @@ const DateTimePickerDateControl = [
 // Interactivity
 'interactivity-click',
 // Theme (focus)
-'focus-visible:theme-border-2-inherit', 'dark:focus-visible:theme-border-2-inherit-dark', 'focus-visible:theme-border-underline'];
+'focus-visible:theme-border-2-inherit', 'dark:focus-visible:theme-border-2-inherit-dark', 'focus-visible:theme-border-underline',
+// Theme (selected)
+'selected:theme-border-2-inherit', 'dark:selected:theme-border-2-inherit-dark', 'selected:theme-border-underline'];
 const DateTimePickerDateControlPlaceholder = [
 // Theme
 'theme-foreground-outline', 'dark:theme-foreground-outline-dark'];
@@ -30,6 +32,10 @@ var script$2 = defineComponent({
       type: Date,
       default: undefined
     },
+    selected: {
+      type: Boolean,
+      default: false
+    },
     required: {
       type: Boolean,
       default: false
@@ -76,15 +82,16 @@ var __vue_render__$2 = function () {
     ref: "root",
     class: _vm.rootStyles,
     attrs: {
-      "contenteditable": !_vm.disabled ? '' : null,
-      "required": _vm.required ? '' : null,
-      "readonly": _vm.readonly ? '' : null,
-      "disabled": _vm.disabled ? '' : null
+      "contenteditable": !_vm.disabled,
+      "selected": _vm.selected,
+      "required": _vm.required,
+      "readonly": _vm.readonly,
+      "disabled": _vm.disabled
     }
   }, [_vm.proxyModelValue ? [_vm._v("\n    " + _vm._s(_vm.formatDate(_vm.proxyModelValue)) + "\n  ")] : [_c('span', {
     class: _vm.placeholderStyles,
     attrs: {
-      "disabled": _vm.disabled ? '' : null
+      "disabled": _vm.disabled
     }
   }, [_vm._v("\n      " + _vm._s(_vm.placeholder) + "\n    ")])]], 2);
 };
@@ -270,7 +277,7 @@ var __vue_render__$1 = function () {
     var _obj;
     return _c('OrButton', {
       key: Number(value),
-      class: (_obj = {}, _obj[_vm.buttonGroupDateItemStyles.join(' ')] = true, _obj[_vm.buttonGroupCurrentDateItemStyles.join(' ')] = Number(value) === Number(_vm.currentDate) && Number(value) !== Number(_vm.proxyModelValue), _obj[_vm.buttonGroupInRangeDateItemStyles.join(' ')] = _vm.rangeStart && Number(value) > Number(_vm.rangeStart) && _vm.rangeEnd && Number(value) < Number(_vm.rangeEnd), _obj),
+      class: (_obj = {}, _obj[_vm.buttonGroupDateItemStyles.join(' ')] = true, _obj[_vm.buttonGroupCurrentDateItemStyles.join(' ')] = Number(value) !== Number(_vm.proxyModelValue) && Number(value) !== Number(_vm.rangeStart) && Number(value) !== Number(_vm.rangeEnd) && Number(value) === Number(_vm.currentDate), _obj[_vm.buttonGroupInRangeDateItemStyles.join(' ')] = _vm.rangeStart && Number(value) > Number(_vm.rangeStart) && _vm.rangeEnd && Number(value) < Number(_vm.rangeEnd), _obj),
       attrs: {
         "variant": Number(value) === Number(_vm.proxyModelValue) || _vm.rangeStart && Number(value) === Number(_vm.rangeStart) || _vm.rangeEnd && Number(value) === Number(_vm.rangeEnd) ? 'contained' : 'text',
         "color": Number(value) === Number(_vm.proxyModelValue) || _vm.rangeStart && Number(value) === Number(_vm.rangeStart) || _vm.rangeEnd && Number(value) === Number(_vm.rangeEnd) ? 'primary' : 'inherit',

package/dist/bundled/v2/{OrDateTimePickerTimeSelect-15d98f89.js → OrDateTimePickerTimeSelect-6c65f27e.js}

@@ -12,7 +12,9 @@ const DateTimePickerTimeControl = [
 // Interactivity
 'interactivity-click',
 // Theme (focus)
-'focus-visible:theme-border-2-inherit', 'dark:focus-visible:theme-border-2-inherit-dark', 'focus-visible:theme-border-underline'];
+'focus-visible:theme-border-2-inherit', 'dark:focus-visible:theme-border-2-inherit-dark', 'focus-visible:theme-border-underline',
+// Theme (selected)
+'selected:theme-border-2-inherit', 'dark:selected:theme-border-2-inherit-dark', 'selected:theme-border-underline'];
 const DateTimePickerTimeControlPlaceholder = [
 // Theme
 'theme-foreground-outline', 'dark:theme-foreground-outline-dark'];
@@ -31,6 +33,10 @@ var script$1 = defineComponent({
       type: String,
       default: DateTimePickerTimeFormat.Auto
     },
+    selected: {
+      type: Boolean,
+      default: false
+    },
     required: {
       type: Boolean,
       default: false
@@ -77,15 +83,16 @@ var __vue_render__$1 = function () {
     ref: "root",
     class: _vm.rootStyles,
     attrs: {
-      "contenteditable": !_vm.disabled ? '' : null,
-      "required": _vm.required ? '' : null,
-      "readonly": _vm.readonly ? '' : null,
-      "disabled": _vm.disabled ? '' : null
+      "contenteditable": !_vm.disabled,
+      "selected": _vm.selected,
+      "required": _vm.required,
+      "readonly": _vm.readonly,
+      "disabled": _vm.disabled
     }
   }, [_vm.proxyModelValue ? [_vm._v("\n    " + _vm._s(_vm.formatTime(_vm.proxyModelValue, _vm.format)) + "\n  ")] : [_c('span', {
     class: _vm.placeholderStyles,
     attrs: {
-      "disabled": _vm.disabled ? '' : null
+      "disabled": _vm.disabled
     }
   }, [_vm._v("\n      " + _vm._s(_vm.placeholder) + "\n    ")])]], 2);
 };

package/dist/bundled/v2/components/OrDatePickerV3/OrDatePicker.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, watch, toRef } from 'vue-demi';
 import { DatePicker, DatePickerPopover } from './styles.js';
-import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-0e7f761d.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-e07a84e9.js';
 import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-ce85f482.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';
 import __vue_component__$2 from '../OrHintV3/OrHint.js';
@@ -264,6 +264,7 @@ var __vue_render__ = function () {
       expression: "closePopover"
     }],
     attrs: {
+      "selected": _vm.popover && _vm.popover.state === 'open',
       "required": _vm.required,
       "readonly": _vm.readonly,
       "disabled": _vm.disabled

package/dist/bundled/v2/components/OrDateRangePickerV3/OrDateRangePicker.js

@@ -8,7 +8,7 @@ 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 { getNextMonthDate } from '../OrDateTimePickerV3/utils/getNextMonthDate.js';
-import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-0e7f761d.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-e07a84e9.js';
 import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-ce85f482.js';
 import { DropdownClose } from '../../directives/dropdown-close.js';
 import { DropdownOpen } from '../../directives/dropdown-open.js';
@@ -113,8 +113,9 @@ var script = defineComponent({
       draftModelValue.value = value !== null && value !== void 0 ? value : [undefined, undefined];
     });
     watch(draftModelValue, value => {
-      if (value[0] && value[1]) {
-        draftModelValue.value = Number(value[0]) > Number(value[1]) ? [value[1], value[0]] : value;
+      if (value[0] && value[1] && Number(value[0]) > Number(value[1])) {
+        draftModelValue.value = [value[1], value[0]];
+        switchSelectedControl();
       }
     });
     const draftModelValueFrom = computed({
@@ -300,6 +301,7 @@ var __vue_render__ = function () {
       expression: "closePopover"
     }],
     attrs: {
+      "selected": _vm.popover && _vm.popover.state === 'open' && _vm.selectedControl === 'from',
       "required": _vm.required,
       "readonly": _vm.readonly,
       "disabled": _vm.disabled
@@ -326,6 +328,7 @@ var __vue_render__ = function () {
       expression: "closePopover"
     }],
     attrs: {
+      "selected": _vm.popover && _vm.popover.state === 'open' && _vm.selectedControl === 'to',
       "required": _vm.required,
       "readonly": _vm.readonly,
       "disabled": _vm.disabled

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

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, watch, toRef } from 'vue-demi';
-import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-0e7f761d.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-e07a84e9.js';
 import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-ce85f482.js';
-import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-15d98f89.js';
+import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-6c65f27e.js';
 import { DateTimePickerTimeFormat } from './props.js';
 import { DateTimePicker, DateTimePickerDatePopover, DateTimePickerTimePopover } from './styles.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';
@@ -330,6 +330,7 @@ var __vue_render__ = function () {
       expression: "closeDatePopover"
     }],
     attrs: {
+      "selected": _vm.datePopover && _vm.datePopover.state === 'open',
       "required": _vm.required,
       "readonly": _vm.readonly,
       "disabled": _vm.disabled
@@ -355,6 +356,7 @@ var __vue_render__ = function () {
     }],
     attrs: {
       "format": _vm.timeFormat,
+      "selected": _vm.timePopover && _vm.timePopover.state === 'open',
       "required": _vm.required,
       "readonly": _vm.readonly,
       "disabled": _vm.disabled

package/dist/bundled/v2/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-0e7f761d.js';
+export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-e07a84e9.js';
 export { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-ce85f482.js';
-export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-15d98f89.js';
+export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-6c65f27e.js';
 export { DateTimePickerTimeFormat } from './props.js';
 export { InputBoxSize as DateTimePickerSize } from '../OrInputBoxV3/props.js';
 export { formatDate } from './utils/formatDate.js';

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

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, watch, toRef } from 'vue-demi';
 import { TimePicker, TimePickerPopover } from './styles.js';
-import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-15d98f89.js';
+import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-6c65f27e.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';
@@ -263,6 +263,7 @@ var __vue_render__ = function () {
     }],
     attrs: {
       "format": _vm.format,
+      "selected": _vm.popover && _vm.popover.state === 'open',
       "required": _vm.required,
       "readonly": _vm.readonly,
       "disabled": _vm.disabled

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

@@ -8,7 +8,7 @@ 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-ce85f482.js';
-import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-15d98f89.js';
+import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-6c65f27e.js';
 import { DropdownClose } from '../../directives/dropdown-close.js';
 import { DropdownOpen } from '../../directives/dropdown-open.js';
 import { DateTimePickerTimeFormat } from '../OrDateTimePickerV3/props.js';
@@ -279,6 +279,7 @@ var __vue_render__ = function () {
     }],
     attrs: {
       "format": _vm.format,
+      "selected": _vm.popover && _vm.popover.state === 'open' && _vm.selectedControl === 'from',
       "required": _vm.required,
       "readonly": _vm.readonly,
       "disabled": _vm.disabled
@@ -306,6 +307,7 @@ var __vue_render__ = function () {
     }],
     attrs: {
       "format": _vm.format,
+      "selected": _vm.popover && _vm.popover.state === 'open' && _vm.selectedControl === 'to',
       "required": _vm.required,
       "readonly": _vm.readonly,
       "disabled": _vm.disabled

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

@@ -51,9 +51,9 @@ export { default as OrDateTimeFormatV3 } from './OrDateTimeFormatV3/OrDateTimeFo
 export { default as OrDateTimePicker } from './OrDateTimePicker/OrDateTimePicker.js';
 export { DEFAULT_TEXT, OrDateTimePickerItemTypes, OrDateTimePickerTypes } from './OrDateTimePicker/constants.js';
 export { default as OrDateTimePickerV3 } from './OrDateTimePickerV3/OrDateTimePicker.js';
-export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../OrDateTimePickerMonthSelect-0e7f761d.js';
+export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../OrDateTimePickerMonthSelect-e07a84e9.js';
 export { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../OrDateTimePickerPopoverHeader-ce85f482.js';
-export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../OrDateTimePickerTimeSelect-15d98f89.js';
+export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../OrDateTimePickerTimeSelect-6c65f27e.js';
 export { DateTimePickerTimeFormat, DateTimePickerTimeFormat as TimePickerFormat, DateTimePickerTimeFormat as TimeRangePickerFormat } from './OrDateTimePickerV3/props.js';
 export { formatDate } from './OrDateTimePickerV3/utils/formatDate.js';
 export { formatTime } from './OrDateTimePickerV3/utils/formatTime.js';