@onereach/ui-components 6.4.1-beta.3400.0 → 6.4.1-beta.3405.0

package/dist/bundled/v2/{OrDateTimePickerMonthSelect-d8893124.js → OrDateTimePickerMonthSelect-02f3db9e.js}

@@ -147,7 +147,7 @@ const DateTimePickerDateSelectButtonGroupInRangeDateItem = [
 // Spacing
 '!mx-none', '!px-[10px]',
 // Shape
-'rounded-0',
+'!rounded-none',
 // Theme
 'theme-background-primary-translucent-2', 'dark:theme-background-primary-translucent-2-dark'];
 

package/dist/bundled/v2/{OrDateTimePickerPopoverHeader-77bff585.js → OrDateTimePickerPopoverHeader-da41a651.js}

@@ -6,13 +6,17 @@ import __vue_component__$4 from './components/OrButtonV3/OrButton.js';
 const DateTimePickerMobileControl = [
 // Layout
 'layout-column',
+// Interactivity
+'interactivity-auto',
 // Spacing
-'gap-xs'];
+'gap-xs',
+// Theme
+'theme-foreground-outline', 'dark:theme-foreground-outline-dark',
+// Theme (selected)
+'selected:theme-foreground-default', 'dark:selected:theme-foreground-default-dark'];
 const DateTimePickerMobileControlContent = [
 // Typography
-'typography-headline-1',
-// Theme
-'theme-foreground-outline', 'dark:theme-foreground-outline-dark'];
+'typography-headline-1'];
 
 var script$2 = defineComponent({
   components: {
@@ -22,6 +26,10 @@ var script$2 = defineComponent({
     label: {
       type: String,
       required: true
+    },
+    selected: {
+      type: Boolean,
+      default: false
     }
   },
   expose: ['root'],
@@ -49,7 +57,10 @@ var __vue_render__$2 = function () {
   var _c = _vm._self._c || _h;
   return _c('div', {
     ref: "root",
-    class: _vm.rootStyles
+    class: _vm.rootStyles,
+    attrs: {
+      "selected": _vm.selected ? '' : null
+    }
   }, [_c('OrLabel', [_vm._v(_vm._s(_vm.label))]), _vm._v(" "), _c('div', {
     class: _vm.contentStyles
   }, [_vm._t("default")], 2)], 1);

package/dist/bundled/v2/components/OrCombinedInputV3/styles.js

@@ -9,7 +9,7 @@ const CombinedInputControlGroup = [
 // Box
 'w-full',
 // Shape (.or-input-box-v3)
-'[&_.or-input-box-v3]:first-child:rounded-r-0', '[&_.or-input-box-v3]:middle-child:rounded-0', '[&_.or-input-box-v3]:last-child:rounded-l-0',
+'[&_.or-input-box-v3]:first-child:rounded-r-none', '[&_.or-input-box-v3]:middle-child:rounded-none', '[&_.or-input-box-v3]:last-child:rounded-l-none',
 // Spacing (.or-input-box-v3)
 '[&_.or-input-box-v3]:first-child:mr-[-1px]', '[&_.or-input-box-v3]:middle-child:border-x-0', '[&_.or-input-box-v3]:last-child:ml-[-1px]'];
 

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

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { DatePicker, DatePickerPopover } from './styles.js';
-import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-d8893124.js';
-import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-77bff585.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-02f3db9e.js';
+import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-da41a651.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';
@@ -293,7 +293,8 @@ var __vue_render__ = function () {
     }
   }, [_c('OrDateTimePickerPopoverHeader', [_c('OrDateTimePickerMobileControl', {
     attrs: {
-      "label": "Date"
+      "label": 'Date',
+      "selected": true
     }
   }, [_vm._v("\n          " + _vm._s(_vm.formatDateAlt(_vm.draftModelValue)) + "\n        ")])], 1), _vm._v(" "), _c('OrDateTimePickerMonthSelect', {
     attrs: {

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

@@ -7,13 +7,14 @@ 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 OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-d8893124.js';
-import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-77bff585.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-02f3db9e.js';
+import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-da41a651.js';
 import { DropdownClose } from '../../directives/dropdown-close.js';
 import { DropdownOpen } from '../../directives/dropdown-open.js';
 import { InputBoxSize } from '../OrInputBoxV3/props.js';
 import { getCurrentDate } from '../OrDateTimePickerV3/utils/getCurrentDate.js';
 import { useProxyModelValue } from '../../hooks/useProxyModelValue.js';
+import useResponsive from '../../hooks/useResponsive/useResponsive.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 
 var script = defineComponent({
@@ -116,6 +117,7 @@ var script = defineComponent({
         draftModelValue.value = [draftModelValue.value[0], value];
       }
     });
+    const selectedMobileControl = ref('from');
     const filterFrom = value => {
       if (draftModelValueTo.value) {
         return Number(value) <= Number(draftModelValueTo.value);
@@ -171,6 +173,11 @@ var script = defineComponent({
         timeZone: 'UTC'
       })) !== null && _a !== void 0 ? _a : '--';
     }
+    // Helpers
+    const {
+      isDesktop,
+      isMobile
+    } = useResponsive();
     return {
       root,
       inputBox,
@@ -184,6 +191,7 @@ var script = defineComponent({
       draftModelValue,
       draftModelValueFrom,
       draftModelValueTo,
+      selectedMobileControl,
       filterFrom,
       filterTo,
       isInvalidDraftModelValue,
@@ -191,7 +199,9 @@ var script = defineComponent({
       reset,
       togglePopover,
       closePopover,
-      formatDateAlt
+      formatDateAlt,
+      isDesktop,
+      isMobile
     };
   }
 });
@@ -330,11 +340,27 @@ var __vue_render__ = function () {
     }
   }, [_c('OrDateTimePickerPopoverHeader', [_c('OrDateTimePickerMobileControl', {
     attrs: {
-      "label": "Date"
+      "label": 'Start Date',
+      "selected": _vm.selectedMobileControl === 'from'
+    },
+    on: {
+      "click": function ($event) {
+        _vm.selectedMobileControl = 'from';
+      }
     }
-  }, [_vm._v("\n          " + _vm._s(_vm.formatDateAlt(_vm.draftModelValueFrom)) + " - " + _vm._s(_vm.formatDateAlt(_vm.draftModelValueTo)) + "\n        ")])], 1), _vm._v(" "), _c('div', {
+  }, [_vm._v("\n          " + _vm._s(_vm.formatDateAlt(_vm.draftModelValueFrom)) + "\n        ")]), _vm._v("\n\n        -\n\n        "), _c('OrDateTimePickerMobileControl', {
+    attrs: {
+      "label": 'End Date',
+      "selected": _vm.selectedMobileControl === 'to'
+    },
+    on: {
+      "click": function ($event) {
+        _vm.selectedMobileControl = 'to';
+      }
+    }
+  }, [_vm._v("\n          " + _vm._s(_vm.formatDateAlt(_vm.draftModelValueTo)) + "\n        ")])], 1), _vm._v(" "), _c('div', {
     class: ['layout-row', 'gap-md']
-  }, [_c('div', {
+  }, [_vm.isDesktop || _vm.isMobile && _vm.selectedMobileControl === 'from' ? [_c('div', {
     class: ['layout-column']
   }, [_c('OrDateTimePickerMonthSelect', {
     attrs: {
@@ -363,7 +389,7 @@ var __vue_render__ = function () {
       },
       expression: "draftModelValueFrom"
     }
-  })], 1), _vm._v(" "), _c('div', {
+  })], 1)] : _vm._e(), _vm._v(" "), _vm.isDesktop || _vm.isMobile && _vm.selectedMobileControl === 'to' ? [_c('div', {
     class: ['layout-column']
   }, [_c('OrDateTimePickerMonthSelect', {
     attrs: {
@@ -392,7 +418,7 @@ var __vue_render__ = function () {
       },
       expression: "draftModelValueTo"
     }
-  })], 1)]), _vm._v(" "), _c('OrDateTimePickerPopoverFooter', {
+  })], 1)] : _vm._e()], 2), _vm._v(" "), _c('OrDateTimePickerPopoverFooter', {
     attrs: {
       "disabled": _vm.isInvalidDraftModelValue
     },

package/dist/bundled/v2/components/OrDateRangePickerV3/OrDateRangePicker.vue.d.ts

@@ -22,6 +22,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     draftModelValue: import("@vue/composition-api").Ref<[Date | undefined, Date | undefined]>;
     draftModelValueFrom: import("@vue/composition-api").WritableComputedRef<Date | undefined>;
     draftModelValueTo: import("@vue/composition-api").WritableComputedRef<Date | undefined>;
+    selectedMobileControl: import("@vue/composition-api").Ref<"from" | "to">;
     filterFrom: FilterFunction;
     filterTo: FilterFunction;
     isInvalidDraftModelValue: import("@vue/composition-api").ComputedRef<boolean>;
@@ -30,6 +31,8 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     togglePopover: () => void;
     closePopover: () => void;
     formatDateAlt: (value?: Date) => string;
+    isDesktop: import("@vue/composition-api").ComputedRef<boolean>;
+    isMobile: import("@vue/composition-api").ComputedRef<boolean>;
 }> & import("@vue/composition-api").Data, {}, {}, {
     modelValue: {
         type: PropType<[Date, Date]>;
@@ -137,6 +140,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     draftModelValue: import("@vue/composition-api").Ref<[Date | undefined, Date | undefined]>;
     draftModelValueFrom: import("@vue/composition-api").WritableComputedRef<Date | undefined>;
     draftModelValueTo: import("@vue/composition-api").WritableComputedRef<Date | undefined>;
+    selectedMobileControl: import("@vue/composition-api").Ref<"from" | "to">;
     filterFrom: FilterFunction;
     filterTo: FilterFunction;
     isInvalidDraftModelValue: import("@vue/composition-api").ComputedRef<boolean>;
@@ -145,6 +149,8 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     togglePopover: () => void;
     closePopover: () => void;
     formatDateAlt: (value?: Date) => string;
+    isDesktop: import("@vue/composition-api").ComputedRef<boolean>;
+    isMobile: import("@vue/composition-api").ComputedRef<boolean>;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
     modelValue: [Date, Date];
     size: "m" | "s";

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

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
-import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-d8893124.js';
-import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-77bff585.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-02f3db9e.js';
+import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-da41a651.js';
 import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-5efbeec4.js';
 import { DateTimePickerTimeFormat } from './props.js';
 import { DateTimePicker, DateTimePickerDatePopover, DateTimePickerTimePopover } from './styles.js';
@@ -380,11 +380,11 @@ var __vue_render__ = function () {
     }
   }, [_c('OrDateTimePickerPopoverHeader', [_c('OrDateTimePickerMobileControl', {
     attrs: {
-      "label": "Date"
+      "label": 'Date'
     }
   }, [_vm._v("\n          " + _vm._s(_vm.formatDateAlt(_vm.draftModelValue)) + "\n        ")]), _vm._v(" "), _c('OrDateTimePickerMobileControl', {
     attrs: {
-      "label": "Time"
+      "label": 'Time'
     }
   }, [_vm._v("\n          " + _vm._s(_vm.formatTimeAlt(_vm.draftModelValue)) + "\n        ")])], 1), _vm._v(" "), _c('OrDateTimePickerMonthSelect', {
     attrs: {
@@ -443,11 +443,11 @@ var __vue_render__ = function () {
     }
   }, [_c('OrDateTimePickerPopoverHeader', [_c('OrDateTimePickerMobileControl', {
     attrs: {
-      "label": "Date"
+      "label": 'Date'
     }
   }, [_vm._v("\n          " + _vm._s(_vm.formatDateAlt(_vm.draftModelValue)) + "\n        ")]), _vm._v(" "), _c('OrDateTimePickerMobileControl', {
     attrs: {
-      "label": "Time"
+      "label": 'Time'
     }
   }, [_vm._v("\n          " + _vm._s(_vm.formatTimeAlt(_vm.draftModelValue)) + "\n        ")])], 1), _vm._v(" "), _c('OrDateTimePickerTimeSelect', {
     attrs: {

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

@@ -1,6 +1,6 @@
 export { default as OrDateTimePickerV3 } from './OrDateTimePicker.js';
-export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-d8893124.js';
-export { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-77bff585.js';
+export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-02f3db9e.js';
+export { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-da41a651.js';
 export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-5efbeec4.js';
 export { DateTimePickerTimeFormat } from './props.js';
 export { InputBoxSize as DateTimePickerSize } from '../OrInputBoxV3/props.js';

package/dist/bundled/v2/components/OrSelectV3/OrSelect.js

@@ -401,7 +401,7 @@ var __vue_render__ = function () {
       expression: "close"
     }],
     ref: "inputBox",
-    class: [_vm.popoverState === 'open' && (_vm.popover.isFlipped ? 'rounded-t-0' : 'rounded-b-0')],
+    class: [_vm.popoverState === 'open' && (_vm.popover.isFlipped ? 'rounded-t-none' : 'rounded-b-none')],
     attrs: {
       "variant": _vm.disableDefaultStyles ? 'unstyled' : 'styled',
       "size": _vm.size,

package/dist/bundled/v2/components/OrTimePickerV3/OrTimePicker.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-77bff585.js';
+import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-da41a651.js';
 import { DropdownClose } from '../../directives/dropdown-close.js';
 import { DropdownOpen } from '../../directives/dropdown-open.js';
 import { DateTimePickerTimeFormat } from '../OrDateTimePickerV3/props.js';
@@ -292,7 +292,8 @@ var __vue_render__ = function () {
     }
   }, [_c('OrDateTimePickerPopoverHeader', [_c('OrDateTimePickerMobileControl', {
     attrs: {
-      "label": "Time"
+      "label": 'Time',
+      "selected": true
     }
   }, [_vm._v("\n          " + _vm._s(_vm.formatTimeAlt(_vm.draftModelValue)) + "\n        ")])], 1), _vm._v(" "), _c('OrDateTimePickerTimeSelect', {
     attrs: {

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

@@ -7,7 +7,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-77bff585.js';
+import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-da41a651.js';
 import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-5efbeec4.js';
 import { DropdownClose } from '../../directives/dropdown-close.js';
 import { DropdownOpen } from '../../directives/dropdown-open.js';
@@ -15,6 +15,7 @@ import { DateTimePickerTimeFormat } from '../OrDateTimePickerV3/props.js';
 import { InputBoxSize } from '../OrInputBoxV3/props.js';
 import { getCurrentDate } from '../OrDateTimePickerV3/utils/getCurrentDate.js';
 import { useProxyModelValue } from '../../hooks/useProxyModelValue.js';
+import useResponsive from '../../hooks/useResponsive/useResponsive.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 
 var script = defineComponent({
@@ -120,6 +121,7 @@ var script = defineComponent({
         draftModelValue.value = [draftModelValue.value[0], value];
       }
     });
+    const selectedMobileControl = ref('from');
     const filterFrom = value => {
       if (draftModelValueTo.value) {
         return Number(value) <= Number(draftModelValueTo.value);
@@ -176,6 +178,11 @@ var script = defineComponent({
         timeZone: 'UTC'
       })) !== null && _a !== void 0 ? _a : '--';
     }
+    // Helpers
+    const {
+      isDesktop,
+      isMobile
+    } = useResponsive();
     return {
       root,
       inputBox,
@@ -189,6 +196,7 @@ var script = defineComponent({
       draftModelValue,
       draftModelValueFrom,
       draftModelValueTo,
+      selectedMobileControl,
       filterFrom,
       filterTo,
       isInvalidDraftModelValue,
@@ -196,7 +204,9 @@ var script = defineComponent({
       reset,
       togglePopover,
       closePopover,
-      formatTimeAlt
+      formatTimeAlt,
+      isDesktop,
+      isMobile
     };
   }
 });
@@ -337,11 +347,27 @@ var __vue_render__ = function () {
     }
   }, [_c('OrDateTimePickerPopoverHeader', [_c('OrDateTimePickerMobileControl', {
     attrs: {
-      "label": "Time"
+      "label": 'Start Time',
+      "selected": _vm.selectedMobileControl === 'from'
+    },
+    on: {
+      "click": function ($event) {
+        _vm.selectedMobileControl = 'from';
+      }
+    }
+  }, [_vm._v("\n          " + _vm._s(_vm.formatTimeAlt(_vm.draftModelValueFrom)) + "\n        ")]), _vm._v("\n\n        -\n\n        "), _c('OrDateTimePickerMobileControl', {
+    attrs: {
+      "label": 'End Time',
+      "selected": _vm.selectedMobileControl === 'to'
+    },
+    on: {
+      "click": function ($event) {
+        _vm.selectedMobileControl = 'to';
+      }
     }
-  }, [_vm._v("\n          " + _vm._s(_vm.formatTimeAlt(_vm.draftModelValueFrom)) + " - " + _vm._s(_vm.formatTimeAlt(_vm.draftModelValueTo)) + "\n        ")])], 1), _vm._v(" "), _c('div', {
+  }, [_vm._v("\n          " + _vm._s(_vm.formatTimeAlt(_vm.draftModelValueTo)) + "\n        ")])], 1), _vm._v(" "), _c('div', {
     class: ['layout-row', 'gap-md']
-  }, [_c('OrDateTimePickerTimeSelect', {
+  }, [_vm.isDesktop || _vm.isMobile && _vm.selectedMobileControl === 'from' ? [_c('OrDateTimePickerTimeSelect', {
     attrs: {
       "initial-value": _vm.initialModelValue,
       "format": _vm.format,
@@ -355,7 +381,7 @@ var __vue_render__ = function () {
       },
       expression: "draftModelValueFrom"
     }
-  }), _vm._v("\n\n        -\n\n        "), _c('OrDateTimePickerTimeSelect', {
+  })] : _vm._e(), _vm._v(" "), _vm.isDesktop || _vm.isMobile && _vm.selectedMobileControl === 'to' ? [_c('OrDateTimePickerTimeSelect', {
     attrs: {
       "initial-value": _vm.initialModelValue,
       "format": _vm.format,
@@ -369,7 +395,7 @@ var __vue_render__ = function () {
       },
       expression: "draftModelValueTo"
     }
-  })], 1), _vm._v(" "), _c('OrDateTimePickerPopoverFooter', {
+  })] : _vm._e()], 2), _vm._v(" "), _c('OrDateTimePickerPopoverFooter', {
     attrs: {
       "disabled": _vm.isInvalidDraftModelValue
     },

package/dist/bundled/v2/components/OrTimeRangePickerV3/OrTimeRangePicker.vue.d.ts

@@ -22,6 +22,7 @@ declare const _default: import("vue2").ComponentOptions<import("vue2").default,
     draftModelValue: import("@vue/composition-api").Ref<[Date | undefined, Date | undefined]>;
     draftModelValueFrom: import("@vue/composition-api").WritableComputedRef<Date | undefined>;
     draftModelValueTo: import("@vue/composition-api").WritableComputedRef<Date | undefined>;
+    selectedMobileControl: import("@vue/composition-api").Ref<"from" | "to">;
     filterFrom: FilterFunction;
     filterTo: FilterFunction;
     isInvalidDraftModelValue: import("@vue/composition-api").ComputedRef<boolean>;
@@ -30,6 +31,8 @@ declare const _default: import("vue2").ComponentOptions<import("vue2").default,
     togglePopover: () => void;
     closePopover: () => void;
     formatTimeAlt: (value?: Date) => string;
+    isDesktop: import("@vue/composition-api").ComputedRef<boolean>;
+    isMobile: import("@vue/composition-api").ComputedRef<boolean>;
 }> & import("@vue/composition-api").Data, {}, {}, {
     modelValue: {
         type: PropType<[Date, Date]>;
@@ -146,6 +149,7 @@ declare const _default: import("vue2").ComponentOptions<import("vue2").default,
     draftModelValue: import("@vue/composition-api").Ref<[Date | undefined, Date | undefined]>;
     draftModelValueFrom: import("@vue/composition-api").WritableComputedRef<Date | undefined>;
     draftModelValueTo: import("@vue/composition-api").WritableComputedRef<Date | undefined>;
+    selectedMobileControl: import("@vue/composition-api").Ref<"from" | "to">;
     filterFrom: FilterFunction;
     filterTo: FilterFunction;
     isInvalidDraftModelValue: import("@vue/composition-api").ComputedRef<boolean>;
@@ -154,6 +158,8 @@ declare const _default: import("vue2").ComponentOptions<import("vue2").default,
     togglePopover: () => void;
     closePopover: () => void;
     formatTimeAlt: (value?: Date) => string;
+    isDesktop: import("@vue/composition-api").ComputedRef<boolean>;
+    isMobile: import("@vue/composition-api").ComputedRef<boolean>;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
     modelValue: [Date, Date];
     format: "auto" | "h12" | "h23";

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

@@ -47,8 +47,8 @@ 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-d8893124.js';
-export { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../OrDateTimePickerPopoverHeader-77bff585.js';
+export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../OrDateTimePickerMonthSelect-02f3db9e.js';
+export { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../OrDateTimePickerPopoverHeader-da41a651.js';
 export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../OrDateTimePickerTimeSelect-5efbeec4.js';
 export { DateTimePickerTimeFormat, DateTimePickerTimeFormat as TimePickerFormat, DateTimePickerTimeFormat as TimeRangePickerFormat } from './OrDateTimePickerV3/props.js';
 export { formatDate } from './OrDateTimePickerV3/utils/formatDate.js';

package/dist/bundled/v2/hooks/useTheme.js

@@ -1723,6 +1723,7 @@ var theme = {
 	},
 	borderRadius: {
 		"0": "0px",
+		none: "0px",
 		sm: "2px",
 		md: "4px",
 		lg: "8px",