@onereach/ui-components 4.9.1-beta.2907.0 → 4.10.0

package/dist/esm/v2/{OrDateTimePickerMonthSelect-4eb8bfb6.js → OrDateTimePickerPopoverHeader-fa88e970.js}

@@ -1,12 +1,18 @@
 import { defineComponent, ref, computed } from 'vue-demi';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
-import { _ as __vue_component__$3 } from './OrButton-9622e713.js';
-import { _ as __vue_component__$5 } from './OrIconButton-ab726d49.js';
-import { _ as __vue_component__$4 } from './OrIcon-d35a84d8.js';
-import { _ as __vue_component__$7 } from './OrMenuItem-6f9b8a93.js';
-import { _ as __vue_component__$6 } from './OrMenu-d03831b0.js';
+import { _ as __vue_component__$6 } from './OrButton-9622e713.js';
+import { _ as __vue_component__$7 } from './OrLabel-63380256.js';
+import { _ as __vue_component__$9 } from './OrIconButton-ab726d49.js';
+import { _ as __vue_component__$8 } from './OrIcon-d35a84d8.js';
+import { _ as __vue_component__$b } from './OrMenuItem-6f9b8a93.js';
+import { _ as __vue_component__$a } from './OrMenu-d03831b0.js';
 import './OrPopover-ef16a904.js';
 
+function useCurrentDate() {
+  const currentDate = new Date();
+  return new Date(Date.UTC(currentDate.getUTCFullYear(), currentDate.getUTCMonth(), currentDate.getUTCDate()));
+}
+
 function useDatePlaceholder() {
   const sample = new Date(Date.UTC(1111, 1, 3, 4, 5)).toLocaleString(navigator.language, {
     dateStyle: 'short',
@@ -26,7 +32,7 @@ const DateTimePickerDateControlPlaceholder = [
 // Theme
 'theme-foreground-outline', 'dark:theme-foreground-outline-dark'];
 
-var script$2 = defineComponent({
+var script$5 = defineComponent({
   name: 'OrDateTimePickerDateControl',
   model: {
     prop: 'modelValue',
@@ -84,10 +90,10 @@ var script$2 = defineComponent({
 });
 
 /* script */
-const __vue_script__$2 = script$2;
+const __vue_script__$5 = script$5;
 
 /* template */
-var __vue_render__$2 = function () {
+var __vue_render__$5 = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -107,26 +113,26 @@ var __vue_render__$2 = function () {
     }
   }, [_vm._v("\n      " + _vm._s(_vm.placeholder) + "\n    ")])]], 2);
 };
-var __vue_staticRenderFns__$2 = [];
+var __vue_staticRenderFns__$5 = [];
 
 /* style */
-const __vue_inject_styles__$2 = undefined;
+const __vue_inject_styles__$5 = undefined;
 /* scoped */
-const __vue_scope_id__$2 = undefined;
+const __vue_scope_id__$5 = undefined;
 /* module identifier */
-const __vue_module_identifier__$2 = undefined;
+const __vue_module_identifier__$5 = undefined;
 /* functional template */
-const __vue_is_functional_template__$2 = false;
+const __vue_is_functional_template__$5 = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$2 = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$2,
-  staticRenderFns: __vue_staticRenderFns__$2
-}, __vue_inject_styles__$2, __vue_script__$2, __vue_scope_id__$2, __vue_is_functional_template__$2, __vue_module_identifier__$2, false, undefined, undefined, undefined);
+const __vue_component__$5 = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$5,
+  staticRenderFns: __vue_staticRenderFns__$5
+}, __vue_inject_styles__$5, __vue_script__$5, __vue_scope_id__$5, __vue_is_functional_template__$5, __vue_module_identifier__$5, false, undefined, undefined, undefined);
 
 const DateTimePickerDateSelect = [
 // Layout
@@ -162,10 +168,10 @@ const DateTimePickerDateSelectButtonGroupCurrentDateItem = [
 // Theme
 'theme-foreground-primary', 'dark:theme-foreground-primary-dark', 'theme-outline-1-primary', 'dark:theme-outline-1-primary-dark'];
 
-var script$1 = defineComponent({
+var script$4 = defineComponent({
   name: 'OrDateTimePickerDateSelect',
   components: {
-    OrButton: __vue_component__$3
+    OrButton: __vue_component__$6
   },
   model: {
     prop: 'modelValue',
@@ -259,10 +265,10 @@ var script$1 = defineComponent({
 });
 
 /* script */
-const __vue_script__$1 = script$1;
+const __vue_script__$4 = script$4;
 
 /* template */
-var __vue_render__$1 = function () {
+var __vue_render__$4 = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -295,26 +301,99 @@ var __vue_render__$1 = function () {
     }, [_vm._v("\n      " + _vm._s(_vm.formatDay(value)) + "\n    ")]);
   })], 2)]);
 };
-var __vue_staticRenderFns__$1 = [];
+var __vue_staticRenderFns__$4 = [];
 
 /* style */
-const __vue_inject_styles__$1 = undefined;
+const __vue_inject_styles__$4 = undefined;
 /* scoped */
-const __vue_scope_id__$1 = undefined;
+const __vue_scope_id__$4 = undefined;
 /* module identifier */
-const __vue_module_identifier__$1 = undefined;
+const __vue_module_identifier__$4 = undefined;
 /* functional template */
-const __vue_is_functional_template__$1 = false;
+const __vue_is_functional_template__$4 = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$1 = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$1,
-  staticRenderFns: __vue_staticRenderFns__$1
-}, __vue_inject_styles__$1, __vue_script__$1, __vue_scope_id__$1, __vue_is_functional_template__$1, __vue_module_identifier__$1, false, undefined, undefined, undefined);
+const __vue_component__$4 = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$4,
+  staticRenderFns: __vue_staticRenderFns__$4
+}, __vue_inject_styles__$4, __vue_script__$4, __vue_scope_id__$4, __vue_is_functional_template__$4, __vue_module_identifier__$4, false, undefined, undefined, undefined);
+
+const DateTimePickerMobileControl = [
+// Layout
+'layout-column',
+// Spacing
+'gap-xs'];
+const DateTimePickerMobileControlContent = [
+// Typography
+'typography-headline-1',
+// Theme
+'theme-foreground-outline', 'dark:theme-foreground-outline-dark'];
+
+var script$3 = defineComponent({
+  name: 'OrDateTimePickerMobileControl',
+  components: {
+    OrLabel: __vue_component__$7
+  },
+  props: {
+    label: {
+      type: String,
+      required: true
+    }
+  },
+  expose: ['root'],
+  setup() {
+    // Refs
+    const root = ref();
+    // Styles
+    const rootStyles = computed(() => ['or-date-time-picker-mobile-control-v3', ...DateTimePickerMobileControl]);
+    const contentStyles = computed(() => [...DateTimePickerMobileControlContent]);
+    return {
+      root,
+      rootStyles,
+      contentStyles
+    };
+  }
+});
+
+/* script */
+const __vue_script__$3 = script$3;
+
+/* template */
+var __vue_render__$3 = function () {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c('div', {
+    ref: "root",
+    class: _vm.rootStyles
+  }, [_c('OrLabel', [_vm._v(_vm._s(_vm.label))]), _vm._v(" "), _c('div', {
+    class: _vm.contentStyles
+  }, [_vm._t("default")], 2)], 1);
+};
+var __vue_staticRenderFns__$3 = [];
+
+/* style */
+const __vue_inject_styles__$3 = undefined;
+/* scoped */
+const __vue_scope_id__$3 = undefined;
+/* module identifier */
+const __vue_module_identifier__$3 = undefined;
+/* functional template */
+const __vue_is_functional_template__$3 = false;
+/* style inject */
+
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+const __vue_component__$3 = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$3,
+  staticRenderFns: __vue_staticRenderFns__$3
+}, __vue_inject_styles__$3, __vue_script__$3, __vue_scope_id__$3, __vue_is_functional_template__$3, __vue_module_identifier__$3, false, undefined, undefined, undefined);
 
 const DateTimePickerMonthSelect = [
 // Layout
@@ -322,14 +401,14 @@ const DateTimePickerMonthSelect = [
 // Spacing
 'px-md', 'py-md', 'gap-md'];
 
-var script = defineComponent({
+var script$2 = defineComponent({
   name: 'OrDateTimePickerMonthSelect',
   components: {
-    OrButton: __vue_component__$3,
-    OrIcon: __vue_component__$4,
-    OrIconButton: __vue_component__$5,
-    OrMenu: __vue_component__$6,
-    OrMenuItem: __vue_component__$7
+    OrButton: __vue_component__$6,
+    OrIcon: __vue_component__$8,
+    OrIconButton: __vue_component__$9,
+    OrMenu: __vue_component__$a,
+    OrMenuItem: __vue_component__$b
   },
   model: {
     prop: 'modelValue',
@@ -451,10 +530,10 @@ var script = defineComponent({
 });
 
 /* script */
-const __vue_script__ = script;
+const __vue_script__$2 = script$2;
 
 /* template */
-var __vue_render__ = function () {
+var __vue_render__$2 = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -559,6 +638,151 @@ var __vue_render__ = function () {
     }
   })], 1);
 };
+var __vue_staticRenderFns__$2 = [];
+
+/* style */
+const __vue_inject_styles__$2 = undefined;
+/* scoped */
+const __vue_scope_id__$2 = undefined;
+/* module identifier */
+const __vue_module_identifier__$2 = undefined;
+/* functional template */
+const __vue_is_functional_template__$2 = false;
+/* style inject */
+
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+const __vue_component__$2 = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$2,
+  staticRenderFns: __vue_staticRenderFns__$2
+}, __vue_inject_styles__$2, __vue_script__$2, __vue_scope_id__$2, __vue_is_functional_template__$2, __vue_module_identifier__$2, false, undefined, undefined, undefined);
+
+const DateTimePickerPopoverFooter = [
+// Layout
+'layout-row-reverse',
+// Layout (children)
+'children:grow',
+// Spacing
+'px-md md:px-sm', 'py-md md:py-sm', 'gap-md md:gap-sm',
+// Theme
+'theme-border-1-outline-variant', 'dark:theme-border-1-outline-variant-dark', 'theme-border-overline'];
+
+var script$1 = defineComponent({
+  name: 'OrDateTimePickerPopoverFooter',
+  components: {
+    OrButton: __vue_component__$6
+  },
+  props: {
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ['apply', 'reset'],
+  expose: ['root'],
+  setup() {
+    // Refs
+    const root = ref();
+    // Styles
+    const rootStyles = computed(() => ['or-date-time-picker-popover-footer-v3', ...DateTimePickerPopoverFooter]);
+    return {
+      root,
+      rootStyles
+    };
+  }
+});
+
+/* script */
+const __vue_script__$1 = script$1;
+
+/* template */
+var __vue_render__$1 = function () {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c('footer', {
+    ref: "root",
+    class: _vm.rootStyles
+  }, [_c('OrButton', {
+    attrs: {
+      "variant": 'outlined',
+      "disabled": _vm.disabled
+    },
+    on: {
+      "click": function ($event) {
+        $event.stopPropagation();
+        return _vm.$emit('apply');
+      }
+    }
+  }, [_vm._v("\n    Done\n  ")]), _vm._v(" "), _c('OrButton', {
+    attrs: {
+      "variant": 'text'
+    },
+    on: {
+      "click": function ($event) {
+        $event.stopPropagation();
+        return _vm.$emit('reset');
+      }
+    }
+  }, [_vm._v("\n    Cancel\n  ")])], 1);
+};
+var __vue_staticRenderFns__$1 = [];
+
+/* style */
+const __vue_inject_styles__$1 = undefined;
+/* scoped */
+const __vue_scope_id__$1 = undefined;
+/* module identifier */
+const __vue_module_identifier__$1 = undefined;
+/* functional template */
+const __vue_is_functional_template__$1 = false;
+/* style inject */
+
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+const __vue_component__$1 = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$1,
+  staticRenderFns: __vue_staticRenderFns__$1
+}, __vue_inject_styles__$1, __vue_script__$1, __vue_scope_id__$1, __vue_is_functional_template__$1, __vue_module_identifier__$1, false, undefined, undefined, undefined);
+
+const DateTimePickerPopoverHeader = [
+// Layout
+'layout-row md:hidden',
+// Spacing
+'px-md', 'py-md', 'gap-xl'];
+
+var script = defineComponent({
+  name: 'OrDateTimePickerPopoverHeader',
+  expose: ['root'],
+  setup() {
+    // Refs
+    const root = ref();
+    // Styles
+    const rootStyles = computed(() => ['or-date-time-picker-popover-header-v3', ...DateTimePickerPopoverHeader]);
+    return {
+      root,
+      rootStyles
+    };
+  }
+});
+
+/* script */
+const __vue_script__ = script;
+
+/* template */
+var __vue_render__ = function () {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c('header', {
+    ref: "root",
+    class: _vm.rootStyles
+  }, [_vm._t("default")], 2);
+};
 var __vue_staticRenderFns__ = [];
 
 /* style */
@@ -580,4 +804,4 @@ const __vue_component__ = /*#__PURE__*/normalizeComponent({
   staticRenderFns: __vue_staticRenderFns__
 }, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
 
-export { __vue_component__$2 as _, __vue_component__$1 as a, __vue_component__ as b };
+export { __vue_component__$5 as _, __vue_component__$4 as a, __vue_component__$3 as b, __vue_component__$2 as c, __vue_component__$1 as d, __vue_component__ as e, useCurrentDate as u };

package/dist/esm/v2/{OrTimePicker-5fd08ad2.js → OrTimePicker-a9c5547b.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, watch } from 'vue-demi';
 import { D as DropdownClose, a as DropdownOpen } from './dropdown-open-e1f90e0a.js';
-import { _ as __vue_component__$1, a as __vue_component__$2, b as __vue_component__$3, u as useCurrentDate } from './OrDateTimePickerPopoverHeader-a84af34e.js';
-import { _ as __vue_component__$4, a as __vue_component__$5 } from './OrDateTimePickerTimeSelect-eecdd8ab.js';
+import { b as __vue_component__$1, d as __vue_component__$2, e as __vue_component__$3, u as useCurrentDate } from './OrDateTimePickerPopoverHeader-fa88e970.js';
+import { _ as __vue_component__$4, a as __vue_component__$5, D as DateTimePickerTimeFormat } from './OrDateTimePicker.vue_rollup-plugin-vue_script-399a44b5.js';
 import { _ as __vue_component__$6 } from './OrError-4ffc1c39.js';
 import { _ as __vue_component__$7 } from './OrHint-aa221198.js';
 import { _ as __vue_component__$9 } from './OrIconButton-ab726d49.js';
@@ -17,9 +17,7 @@ const TimePicker = [
 'layout-column',
 // Spacing
 'gap-xs'];
-const TimePickerPopover = [
-// Box
-'w-[224px]'];
+const TimePickerPopover = [];
 
 var script = defineComponent({
   name: 'OrDateTimePicker',
@@ -50,6 +48,10 @@ var script = defineComponent({
       type: Date,
       default: undefined
     },
+    format: {
+      type: String,
+      default: DateTimePickerTimeFormat.Auto
+    },
     hoursFilter: {
       type: Function,
       default: undefined
@@ -123,6 +125,17 @@ var script = defineComponent({
     }, {
       immediate: true
     });
+    const isInvalidDraftModelValue = computed(() => {
+      if (draftModelValue.value) {
+        if (props.hoursFilter && !props.hoursFilter(draftModelValue.value)) {
+          return true;
+        }
+        if (props.minutesFilter && !props.minutesFilter(draftModelValue.value)) {
+          return true;
+        }
+      }
+      return false;
+    });
     // Methods
     function apply() {
       var _a;
@@ -153,6 +166,7 @@ var script = defineComponent({
       var _a;
       return (_a = value === null || value === void 0 ? void 0 : value.toLocaleString(navigator.language, {
         timeStyle: 'short',
+        hourCycle: props.format !== DateTimePickerTimeFormat.Auto ? props.format : undefined,
         timeZone: 'UTC'
       })) !== null && _a !== void 0 ? _a : '--';
     }
@@ -167,6 +181,7 @@ var script = defineComponent({
       initialModelValue,
       proxyModelValue,
       draftModelValue,
+      isInvalidDraftModelValue,
       apply,
       reset,
       togglePopover,
@@ -257,6 +272,7 @@ var __vue_render__ = function () {
       expression: "closePopover"
     }],
     attrs: {
+      "format": _vm.format,
       "required": _vm.required,
       "readonly": _vm.readonly,
       "disabled": _vm.disabled
@@ -291,6 +307,7 @@ var __vue_render__ = function () {
   }, [_vm._v("\n          " + _vm._s(_vm.formatTimeAlt(_vm.draftModelValue)) + "\n        ")])], 1), _vm._v(" "), _c('OrDateTimePickerTimeSelect', {
     attrs: {
       "initial-value": _vm.initialModelValue,
+      "format": _vm.format,
       "hours-filter": _vm.hoursFilter,
       "minutes-filter": _vm.minutesFilter
     },
@@ -302,6 +319,9 @@ var __vue_render__ = function () {
       expression: "draftModelValue"
     }
   }), _vm._v(" "), _c('OrDateTimePickerPopoverFooter', {
+    attrs: {
+      "disabled": _vm.isInvalidDraftModelValue
+    },
     on: {
       "apply": function ($event) {
         _vm.apply();

package/dist/esm/v2/components/index.d.ts

@@ -104,4 +104,3 @@ export * from './or-toast';
 export * from './or-toast-v3';
 export * from './or-tooltip';
 export * from './or-tooltip-v3';
-export * from './or-tree-v3';

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

@@ -26,9 +26,10 @@ export { _ as OrInputBoxV3 } from '../OrInputBox-11227ecd.js';
 export { I as CombinedInputSize, I as DatePickerSize, I as DateTimePickerSize, I as InputBoxSize, a as InputBoxVariant, I as InputSize, I as SearchSize, I as SelectSize, I as TagInputSize, I as TextareaSize, I as TimePickerSize } from '../OrInputBox.vue_rollup-plugin-vue_script-1715021a.js';
 export { _ as OrConfirm } from '../OrConfirm-f4eec5b2.js';
 export { C as ConfirmType, _ as OrConfirmV3 } from '../OrConfirm-0b56c11f.js';
-export { _ as OrDatePickerV3 } from '../OrDatePicker-0989a40c.js';
+export { _ as OrDatePickerV3 } from '../OrDatePicker-328189a2.js';
 export { D as DEFAULT_TEXT, _ as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from '../OrDateTimePicker-fb410167.js';
-export { _ as OrDateTimePickerV3 } from '../OrDateTimePicker-ac766f04.js';
+export { _ as OrDateTimePickerV3 } from '../OrDateTimePicker-8bcc71c3.js';
+export { D as DateTimePickerTimeFormat, D as TimePickerFormat } from '../OrDateTimePicker.vue_rollup-plugin-vue_script-399a44b5.js';
 export { E as EmptyStateSize, _ as OrEmptyStateV3 } from '../OrEmptyState-2d3fd68d.js';
 export { _ as OrError } from '../OrError-efc74907.js';
 export { _ as OrErrorTagV3 } from '../OrErrorTag-a55ae01a.js';
@@ -109,7 +110,7 @@ export { _ as OrTextV3 } from '../OrText-44449e7b.js';
 export { _ as OrTextarea } from '../OrTextarea-d36f4ec6.js';
 export { _ as OrTextareaV3 } from '../OrTextarea-978fb518.js';
 export { _ as OrTextbox, T as TextboxTypes } from '../OrTextbox-a937432f.js';
-export { _ as OrTimePickerV3 } from '../OrTimePicker-5fd08ad2.js';
+export { _ as OrTimePickerV3 } from '../OrTimePicker-a9c5547b.js';
 export { _ as OrToast, a as OrToastContainer } from '../OrToastContainer-7017d12b.js';
 export { P as PositionsX, b as PositionsY, c as ToastType, T as TransitionType, a as useQueue, u as useToast } from '../useToast-b5ea5cb2.js';
 export { a as OrToastContainerV3, _ as OrToastV3, t as TypesV3 } from '../types-6b40ad64.js';
@@ -117,7 +118,6 @@ export { p as PropsV3, a as useQueueV3, u as useToastV3 } from '../useToast-a133
 export { _ as OrTooltip } from '../OrTooltip-0bbf1ed5.js';
 export { _ as OrTooltipContent } from '../OrTooltipContent-57a25502.js';
 export { _ as OrTooltipV3 } from '../OrTooltip-bf4c725c.js';
-export { _ as OrTreeV3 } from '../OrTree-ee993927.js';
 import 'vue-demi';
 import '../style-inject.es-4c6f2515.js';
 import '../normalize-component-6e8e3d80.js';
@@ -148,10 +148,8 @@ import 'lodash/isElement';
 import 'lodash/get';
 import '@vueuse/math';
 import '../dropdown-open-e1f90e0a.js';
-import '../OrDateTimePickerPopoverHeader-a84af34e.js';
-import '../OrDateTimePickerMonthSelect-4eb8bfb6.js';
+import '../OrDateTimePickerPopoverHeader-fa88e970.js';
 import 'lodash/padStart';
-import '../OrDateTimePickerTimeSelect-eecdd8ab.js';
 import '@floating-ui/dom';
 import '../OrTooltip.vue_rollup-plugin-vue_styles.0-47985d95.js';
 import 'lodash/isNil';

package/dist/esm/v2/components/or-date-picker-v3/OrDatePicker.vue.d.ts

@@ -20,6 +20,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     initialModelValue: Date;
     proxyModelValue: import("@vue/composition-api").WritableComputedRef<Date>;
     draftModelValue: import("@vue/composition-api").Ref<Date | undefined>;
+    isInvalidDraftModelValue: import("@vue/composition-api").ComputedRef<boolean>;
     apply: () => void;
     reset: () => void;
     togglePopover: () => void;
@@ -157,6 +158,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     initialModelValue: Date;
     proxyModelValue: import("@vue/composition-api").WritableComputedRef<Date>;
     draftModelValue: import("@vue/composition-api").Ref<Date | undefined>;
+    isInvalidDraftModelValue: import("@vue/composition-api").ComputedRef<boolean>;
     apply: () => void;
     reset: () => void;
     togglePopover: () => void;

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

@@ -1,14 +1,13 @@
-export { _ as OrDatePickerV3 } from '../../OrDatePicker-0989a40c.js';
+export { _ as OrDatePickerV3 } from '../../OrDatePicker-328189a2.js';
 export { I as DatePickerSize } from '../../OrInputBox.vue_rollup-plugin-vue_script-1715021a.js';
 import 'vue-demi';
 import '../../dropdown-open-e1f90e0a.js';
-import '../../OrDateTimePickerPopoverHeader-a84af34e.js';
-import '../../OrLabel-63380256.js';
+import '../../OrDateTimePickerPopoverHeader-fa88e970.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../../OrButton-9622e713.js';
 import '../../OrLoader-b0c381f9.js';
 import '@vueuse/core';
-import '../../OrDateTimePickerMonthSelect-4eb8bfb6.js';
+import '../../OrLabel-63380256.js';
 import '../../OrIconButton-ab726d49.js';
 import '../../OrIcon-d35a84d8.js';
 import '../../OrTooltip-bf4c725c.js';

package/dist/esm/v2/components/or-date-time-picker-v3/OrDateTimePicker.vue.d.ts

@@ -1,5 +1,5 @@
 import { PropType } from 'vue-demi';
-import { DateTimePickerSize } from './props';
+import { DateTimePickerSize, DateTimePickerTimeFormat } from './props';
 import { FilterFunction } from './types';
 declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
@@ -27,6 +27,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     initialModelValue: Date;
     proxyModelValue: import("@vue/composition-api").WritableComputedRef<Date>;
     draftModelValue: import("@vue/composition-api").Ref<Date | undefined>;
+    isInvalidDraftModelValue: import("@vue/composition-api").ComputedRef<boolean>;
     apply: () => void;
     reset: () => void;
     toggleDatePopover: () => void;
@@ -40,6 +41,10 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: DateConstructor;
         default: undefined;
     };
+    timeFormat: {
+        type: PropType<"auto" | "h12" | "h23">;
+        default: DateTimePickerTimeFormat;
+    };
     yearFilter: {
         type: PropType<FilterFunction>;
         default: undefined;
@@ -97,6 +102,10 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: DateConstructor;
         default: undefined;
     };
+    timeFormat: {
+        type: PropType<"auto" | "h12" | "h23">;
+        default: DateTimePickerTimeFormat;
+    };
     yearFilter: {
         type: PropType<FilterFunction>;
         default: undefined;
@@ -151,6 +160,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     };
 }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     modelValue: Date;
+    timeFormat: "auto" | "h12" | "h23";
     yearFilter: FilterFunction;
     monthFilter: FilterFunction;
     dateFilter: FilterFunction;
@@ -192,6 +202,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     initialModelValue: Date;
     proxyModelValue: import("@vue/composition-api").WritableComputedRef<Date>;
     draftModelValue: import("@vue/composition-api").Ref<Date | undefined>;
+    isInvalidDraftModelValue: import("@vue/composition-api").ComputedRef<boolean>;
     apply: () => void;
     reset: () => void;
     toggleDatePopover: () => void;
@@ -202,6 +213,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     formatTimeAlt: (value?: Date) => string;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
     modelValue: Date;
+    timeFormat: "auto" | "h12" | "h23";
     yearFilter: FilterFunction;
     monthFilter: FilterFunction;
     dateFilter: FilterFunction;
@@ -219,6 +231,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
     modelValue: Date;
+    timeFormat: "auto" | "h12" | "h23";
     yearFilter: FilterFunction;
     monthFilter: FilterFunction;
     dateFilter: FilterFunction;

package/dist/esm/v2/components/or-date-time-picker-v3/hooks/useTimePlaceholder.d.ts

@@ -1 +1 @@
-export declare function useTimePlaceholder(): string;
+export declare function useTimePlaceholder(hourCycle?: Intl.DateTimeFormatOptions['hourCycle']): string;

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

@@ -1,9 +1,10 @@
-export { _ as OrDateTimePickerV3 } from '../../OrDateTimePicker-ac766f04.js';
+export { _ as OrDateTimePickerV3 } from '../../OrDateTimePicker-8bcc71c3.js';
+export { D as DateTimePickerTimeFormat } from '../../OrDateTimePicker.vue_rollup-plugin-vue_script-399a44b5.js';
 export { I as DateTimePickerSize } from '../../OrInputBox.vue_rollup-plugin-vue_script-1715021a.js';
+import '../../normalize-component-6e8e3d80.js';
 import 'vue-demi';
 import '../../dropdown-open-e1f90e0a.js';
 import '../../OrError-4ffc1c39.js';
-import '../../normalize-component-6e8e3d80.js';
 import '../../OrHint-aa221198.js';
 import '../../OrIconButton-ab726d49.js';
 import '../../OrIcon-d35a84d8.js';
@@ -22,10 +23,8 @@ import '../../OrTeleport.vue2-424c7f33.js';
 import 'portal-vue';
 import '../../OrInputBox-11227ecd.js';
 import '../../OrLabel-63380256.js';
-import '../../OrDateTimePickerPopoverHeader-a84af34e.js';
+import '../../OrDateTimePickerPopoverHeader-fa88e970.js';
 import '../../OrButton-9622e713.js';
 import '../../OrLoader-b0c381f9.js';
-import '../../OrDateTimePickerMonthSelect-4eb8bfb6.js';
 import '../../OrMenuItem-6f9b8a93.js';
 import '../../OrMenu-d03831b0.js';
-import '../../OrDateTimePickerTimeSelect-eecdd8ab.js';