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

package/dist/esm/v3/{OrDateTimePickerMonthSelect-f807e6d5.js → OrDateTimePickerPopoverHeader-bc8e0bcf.js}

@@ -1,12 +1,18 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { openBlock, createElementBlock, normalizeClass, Fragment, createTextVNode, toDisplayString, resolveComponent, createElementVNode, renderList, createBlock, withModifiers, withCtx, createVNode } from 'vue';
-import { s as script$3 } from './OrButton-c2b6aa9e.js';
-import { s as script$5 } from './OrIconButton-0aaadc68.js';
-import { s as script$4 } from './OrIcon-62793572.js';
-import { s as script$7 } from './OrMenuItem-dbee450f.js';
-import { s as script$6 } from './OrMenu-9659b8eb.js';
+import { openBlock, createElementBlock, normalizeClass, Fragment, createTextVNode, toDisplayString, resolveComponent, createElementVNode, renderList, createBlock, withModifiers, withCtx, createVNode, renderSlot } from 'vue';
+import { s as script$6 } from './OrButton-c2b6aa9e.js';
+import { s as script$7 } from './OrLabel-4da56db0.js';
+import { s as script$9 } from './OrIconButton-0aaadc68.js';
+import { s as script$8 } from './OrIcon-62793572.js';
+import { s as script$b } from './OrMenuItem-dbee450f.js';
+import { s as script$a } from './OrMenu-9659b8eb.js';
 import './OrPopover-337df396.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',
@@ -85,7 +91,7 @@ var script$2 = defineComponent({
 
 const _hoisted_1$1 = ["contenteditable", "required", "readonly", "disabled"];
 const _hoisted_2 = ["disabled"];
-function render$2(_ctx, _cache, $props, $setup, $data, $options) {
+function render$5(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     ref: "root",
     class: normalizeClass(_ctx.rootStyles),
@@ -102,8 +108,8 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
   }, toDisplayString(_ctx.placeholder), 11 /* TEXT, CLASS, PROPS */, _hoisted_2))], 10 /* CLASS, PROPS */, _hoisted_1$1);
 }
 
-script$2.render = render$2;
-script$2.__file = "src/components/or-date-time-picker-v3/partials/or-date-time-picker-date-control/OrDateTimePickerDateControl.vue";
+script$5.render = render$5;
+script$5.__file = "src/components/or-date-time-picker-v3/partials/or-date-time-picker-date-control/OrDateTimePickerDateControl.vue";
 
 const DateTimePickerDateSelect = [
 // Layout
@@ -139,10 +145,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: script$3
+    OrButton: script$6
   },
   model: {
     prop: 'modelValue',
@@ -235,7 +241,7 @@ var script$1 = defineComponent({
   }
 });
 
-function render$1(_ctx, _cache, $props, $setup, $data, $options) {
+function render$4(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_OrButton = resolveComponent("OrButton");
   return openBlock(), createElementBlock("div", {
     ref: "root",
@@ -267,8 +273,62 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
   }), 128 /* KEYED_FRAGMENT */))], 2 /* CLASS */)], 2 /* CLASS */);
 }
 
-script$1.render = render$1;
-script$1.__file = "src/components/or-date-time-picker-v3/partials/or-date-time-picker-date-select/OrDateTimePickerDateSelect.vue";
+script$4.render = render$4;
+script$4.__file = "src/components/or-date-time-picker-v3/partials/or-date-time-picker-date-select/OrDateTimePickerDateSelect.vue";
+
+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: script$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
+    };
+  }
+});
+
+function render$3(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_OrLabel = resolveComponent("OrLabel");
+  return openBlock(), createElementBlock("div", {
+    ref: "root",
+    class: normalizeClass(_ctx.rootStyles)
+  }, [createVNode(_component_OrLabel, null, {
+    default: withCtx(() => [createTextVNode(toDisplayString(_ctx.label), 1 /* TEXT */)]),
+
+    _: 1 /* STABLE */
+  }), createElementVNode("div", {
+    class: normalizeClass(_ctx.contentStyles)
+  }, [renderSlot(_ctx.$slots, "default")], 2 /* CLASS */)], 2 /* CLASS */);
+}
+
+script$3.render = render$3;
+script$3.__file = "src/components/or-date-time-picker-v3/partials/or-date-time-picker-mobile-control/OrDateTimePickerMobileControl.vue";
 
 const DateTimePickerMonthSelect = [
 // Layout
@@ -276,14 +336,14 @@ const DateTimePickerMonthSelect = [
 // Spacing
 'px-md', 'py-md', 'gap-md'];
 
-var script = defineComponent({
+var script$2 = defineComponent({
   name: 'OrDateTimePickerMonthSelect',
   components: {
-    OrButton: script$3,
-    OrIcon: script$4,
-    OrIconButton: script$5,
-    OrMenu: script$6,
-    OrMenuItem: script$7
+    OrButton: script$6,
+    OrIcon: script$8,
+    OrIconButton: script$9,
+    OrMenu: script$a,
+    OrMenuItem: script$b
   },
   model: {
     prop: 'modelValue',
@@ -407,7 +467,7 @@ var script = defineComponent({
 const _hoisted_1 = {
   class: /*#__PURE__*/normalizeClass(['layout-row-reverse', 'gap-md'])
 };
-function render(_ctx, _cache, $props, $setup, $data, $options) {
+function render$2(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_OrIconButton = resolveComponent("OrIconButton");
   const _component_OrIcon = resolveComponent("OrIcon");
   const _component_OrButton = resolveComponent("OrButton");
@@ -493,7 +553,97 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   })], 2 /* CLASS */);
 }
 
+script$2.render = render$2;
+script$2.__file = "src/components/or-date-time-picker-v3/partials/or-date-time-picker-month-select/OrDateTimePickerMonthSelect.vue";
+
+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: script$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
+    };
+  }
+});
+
+function render$1(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_OrButton = resolveComponent("OrButton");
+  return openBlock(), createElementBlock("footer", {
+    ref: "root",
+    class: normalizeClass(_ctx.rootStyles)
+  }, [createVNode(_component_OrButton, {
+    variant: 'outlined',
+    disabled: _ctx.disabled,
+    onClick: _cache[0] || (_cache[0] = withModifiers($event => _ctx.$emit('apply'), ["stop"]))
+  }, {
+    default: withCtx(() => [createTextVNode(" Done ")]),
+    _: 1 /* STABLE */
+  }, 8 /* PROPS */, ["disabled"]), createVNode(_component_OrButton, {
+    variant: 'text',
+    onClick: _cache[1] || (_cache[1] = withModifiers($event => _ctx.$emit('reset'), ["stop"]))
+  }, {
+    default: withCtx(() => [createTextVNode(" Cancel ")]),
+    _: 1 /* STABLE */
+  })], 2 /* CLASS */);
+}
+
+script$1.render = render$1;
+script$1.__file = "src/components/or-date-time-picker-v3/partials/or-date-time-picker-popover-footer/OrDateTimePickerPopoverFooter.vue";
+
+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
+    };
+  }
+});
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("header", {
+    ref: "root",
+    class: normalizeClass(_ctx.rootStyles)
+  }, [renderSlot(_ctx.$slots, "default")], 2 /* CLASS */);
+}
+
 script.render = render;
-script.__file = "src/components/or-date-time-picker-v3/partials/or-date-time-picker-month-select/OrDateTimePickerMonthSelect.vue";
+script.__file = "src/components/or-date-time-picker-v3/partials/or-date-time-picker-popover-header/OrDateTimePickerPopoverHeader.vue";
 
-export { script$1 as a, script as b, script$2 as s };
+export { script$4 as a, script$3 as b, script$2 as c, script$1 as d, script as e, script$5 as s, useCurrentDate as u };

package/dist/esm/v3/{OrTimePicker-d66edf77.js → OrTimePicker-67f75e85.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 { s as script$1, a as script$2, b as script$3, u as useCurrentDate } from './OrDateTimePickerPopoverHeader-3ae517f8.js';
-import { s as script$4, a as script$5 } from './OrDateTimePickerTimeSelect-14503fde.js';
+import { b as script$1, d as script$2, e as script$3, u as useCurrentDate } from './OrDateTimePickerPopoverHeader-bc8e0bcf.js';
+import { a as script$4, b as script$5, D as DateTimePickerTimeFormat } from './OrDateTimePicker-0a4d194e.js';
 import { s as script$6 } from './OrError-c01d0c29.js';
 import { s as script$7 } from './OrHint-06ab89d7.js';
 import { s as script$9 } from './OrIconButton-0aaadc68.js';
@@ -16,9 +16,7 @@ const TimePicker = [
 'layout-column',
 // Spacing
 'gap-xs'];
-const TimePickerPopover = [
-// Box
-'w-[224px]'];
+const TimePickerPopover = [];
 
 var script = defineComponent({
   name: 'OrDateTimePicker',
@@ -49,6 +47,10 @@ var script = defineComponent({
       type: Date,
       default: undefined
     },
+    format: {
+      type: String,
+      default: DateTimePickerTimeFormat.Auto
+    },
     hoursFilter: {
       type: Function,
       default: undefined
@@ -122,6 +124,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;
@@ -152,6 +165,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 : '--';
     }
@@ -166,6 +180,7 @@ var script = defineComponent({
       initialModelValue,
       proxyModelValue,
       draftModelValue,
+      isInvalidDraftModelValue,
       apply,
       reset,
       togglePopover,
@@ -229,10 +244,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     default: withCtx(() => [withDirectives(createVNode(_component_OrDateTimePickerTimeControl, {
       modelValue: _ctx.draftModelValue,
       "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.draftModelValue = $event),
+      format: _ctx.format,
       required: _ctx.required,
       readonly: _ctx.readonly,
       disabled: _ctx.disabled
-    }, null, 8 /* PROPS */, ["modelValue", "required", "readonly", "disabled"]), [[_directive_dropdown_open, _ctx.togglePopover], [_directive_dropdown_close, _ctx.closePopover]]), createVNode(_component_OrPopover, {
+    }, null, 8 /* PROPS */, ["modelValue", "format", "required", "readonly", "disabled"]), [[_directive_dropdown_open, _ctx.togglePopover], [_directive_dropdown_close, _ctx.closePopover]]), createVNode(_component_OrPopover, {
       ref: "popover",
       class: normalizeClass(_ctx.popoverStyles),
       variant: 'auto',
@@ -257,9 +273,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         modelValue: _ctx.draftModelValue,
         "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => _ctx.draftModelValue = $event),
         "initial-value": _ctx.initialModelValue,
+        format: _ctx.format,
         "hours-filter": _ctx.hoursFilter,
         "minutes-filter": _ctx.minutesFilter
-      }, null, 8 /* PROPS */, ["modelValue", "initial-value", "hours-filter", "minutes-filter"]), createVNode(_component_OrDateTimePickerPopoverFooter, {
+      }, null, 8 /* PROPS */, ["modelValue", "initial-value", "format", "hours-filter", "minutes-filter"]), createVNode(_component_OrDateTimePickerPopoverFooter, {
+        disabled: _ctx.isInvalidDraftModelValue,
         onApply: _cache[2] || (_cache[2] = $event => {
           _ctx.apply();
           _ctx.popover.close();
@@ -268,7 +286,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           _ctx.reset();
           _ctx.popover.close();
         })
-      })]),
+      }, null, 8 /* PROPS */, ["disabled"])]),
       _: 1 /* STABLE */
     }, 8 /* PROPS */, ["class", "trigger"]), _hoisted_1]),
     _: 1 /* STABLE */

package/dist/esm/v3/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/v3/components/index.js

@@ -24,9 +24,9 @@ export { s as OrCombinedInputV3 } from '../OrCombinedInput-e3891038.js';
 export { I as CombinedInputSize, I as DatePickerSize, I as DateTimePickerSize, I as InputBoxSize, a as InputBoxVariant, I as InputSize, s as OrInputBoxV3, I as SearchSize, I as SelectSize, I as TagInputSize, I as TextareaSize, I as TimePickerSize } from '../OrInputBox-32b37b17.js';
 export { s as OrConfirm } from '../OrConfirm-704f817e.js';
 export { C as ConfirmType, s as OrConfirmV3 } from '../OrConfirm-5509c440.js';
-export { s as OrDatePickerV3 } from '../OrDatePicker-6ac8578a.js';
+export { s as OrDatePickerV3 } from '../OrDatePicker-4c4fd5dc.js';
 export { D as DEFAULT_TEXT, s as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from '../OrDateTimePicker-c19dcefc.js';
-export { s as OrDateTimePickerV3 } from '../OrDateTimePicker-b15d4198.js';
+export { D as DateTimePickerTimeFormat, s as OrDateTimePickerV3, D as TimePickerFormat } from '../OrDateTimePicker-0a4d194e.js';
 export { E as EmptyStateSize, s as OrEmptyStateV3 } from '../OrEmptyState-5349a1f9.js';
 export { s as OrError } from '../OrError-f90296db.js';
 export { s as OrErrorTagV3 } from '../OrErrorTag-ade9192b.js';
@@ -107,7 +107,7 @@ export { s as OrTextV3 } from '../OrText-d54c951d.js';
 export { s as OrTextarea } from '../OrTextarea-31b54c7e.js';
 export { s as OrTextareaV3 } from '../OrTextarea-1e19417a.js';
 export { s as OrTextbox, T as TextboxTypes } from '../OrTextbox-8d2903db.js';
-export { s as OrTimePickerV3 } from '../OrTimePicker-d66edf77.js';
+export { s as OrTimePickerV3 } from '../OrTimePicker-67f75e85.js';
 export { s as OrToast, a as OrToastContainer } from '../OrToastContainer-72b52576.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, s as OrToastV3, t as TypesV3 } from '../types-53cb1e6c.js';
@@ -115,7 +115,6 @@ export { p as PropsV3, a as useQueueV3, u as useToastV3 } from '../useToast-a133
 export { s as OrTooltip } from '../OrTooltip-c1006713.js';
 export { s as OrTooltipContent } from '../OrTooltipContent-c0042844.js';
 export { s as OrTooltipV3 } from '../OrTooltip-3025564a.js';
-export { s as OrTreeV3 } from '../OrTree-b4276dfb.js';
 import 'vue-demi';
 import 'vue';
 import '../style-inject.es-4c6f2515.js';
@@ -144,10 +143,8 @@ import 'lodash/isElement';
 import 'lodash/get';
 import '@vueuse/math';
 import '../dropdown-open-e1f90e0a.js';
-import '../OrDateTimePickerPopoverHeader-3ae517f8.js';
-import '../OrDateTimePickerMonthSelect-f807e6d5.js';
+import '../OrDateTimePickerPopoverHeader-bc8e0bcf.js';
 import 'lodash/padStart';
-import '../OrDateTimePickerTimeSelect-14503fde.js';
 import '@floating-ui/dom';
 import '../useValidationAttributes-d1abbe34.js';
 import '../useResponsive-a02e95b7.js';

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

@@ -61,6 +61,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     initialModelValue: Date;
     proxyModelValue: import("vue-demi").WritableComputedRef<Date | undefined>;
     draftModelValue: import("vue-demi").Ref<Date | undefined>;
+    isInvalidDraftModelValue: import("vue-demi").ComputedRef<boolean>;
     apply: () => void;
     reset: () => void;
     togglePopover: () => void;

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

@@ -1,14 +1,13 @@
-export { s as OrDatePickerV3 } from '../../OrDatePicker-6ac8578a.js';
+export { s as OrDatePickerV3 } from '../../OrDatePicker-4c4fd5dc.js';
 export { I as DatePickerSize } from '../../OrInputBox-32b37b17.js';
 import 'vue-demi';
 import '../../dropdown-open-e1f90e0a.js';
-import '../../OrDateTimePickerPopoverHeader-3ae517f8.js';
-import '../../OrLabel-4da56db0.js';
+import '../../OrDateTimePickerPopoverHeader-bc8e0bcf.js';
 import 'vue';
 import '../../OrButton-c2b6aa9e.js';
 import '../../OrLoader-b79022da.js';
 import '@vueuse/core';
-import '../../OrDateTimePickerMonthSelect-f807e6d5.js';
+import '../../OrLabel-4da56db0.js';
 import '../../OrIconButton-0aaadc68.js';
 import '../../OrIcon-62793572.js';
 import '../../OrTooltip-3025564a.js';

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

@@ -1,11 +1,15 @@
 import { PropType } from 'vue-demi';
-import { DateTimePickerSize } from './props';
+import { DateTimePickerSize, DateTimePickerTimeFormat } from './props';
 import { FilterFunction } from './types';
 declare const _default: import("vue-demi").DefineComponent<{
     modelValue: {
         type: DateConstructor;
         default: undefined;
     };
+    timeFormat: {
+        type: PropType<"auto" | "h12" | "h23">;
+        default: DateTimePickerTimeFormat;
+    };
     yearFilter: {
         type: PropType<FilterFunction>;
         default: undefined;
@@ -72,6 +76,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     initialModelValue: Date;
     proxyModelValue: import("vue-demi").WritableComputedRef<Date | undefined>;
     draftModelValue: import("vue-demi").Ref<Date | undefined>;
+    isInvalidDraftModelValue: import("vue-demi").ComputedRef<boolean>;
     apply: () => void;
     reset: () => void;
     toggleDatePopover: () => void;
@@ -85,6 +90,10 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: DateConstructor;
         default: undefined;
     };
+    timeFormat: {
+        type: PropType<"auto" | "h12" | "h23">;
+        default: DateTimePickerTimeFormat;
+    };
     yearFilter: {
         type: PropType<FilterFunction>;
         default: undefined;
@@ -145,6 +154,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     onBlur?: ((...args: any[]) => any) | undefined;
 }, {
     modelValue: Date;
+    timeFormat: "auto" | "h12" | "h23";
     yearFilter: FilterFunction;
     monthFilter: FilterFunction;
     dateFilter: FilterFunction;

package/dist/esm/v3/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/v3/components/or-date-time-picker-v3/index.js

@@ -1,4 +1,4 @@
-export { s as OrDateTimePickerV3 } from '../../OrDateTimePicker-b15d4198.js';
+export { D as DateTimePickerTimeFormat, s as OrDateTimePickerV3 } from '../../OrDateTimePicker-0a4d194e.js';
 export { I as DateTimePickerSize } from '../../OrInputBox-32b37b17.js';
 import 'vue-demi';
 import '../../dropdown-open-e1f90e0a.js';
@@ -20,10 +20,8 @@ import '../../OrBottomSheet-f2f3aef9.js';
 import '../../OrOverlay-489fdf76.js';
 import '../../OrTeleport.vue3-8099178c.js';
 import '../../OrLabel-4da56db0.js';
-import '../../OrDateTimePickerPopoverHeader-3ae517f8.js';
+import '../../OrDateTimePickerPopoverHeader-bc8e0bcf.js';
 import '../../OrButton-c2b6aa9e.js';
 import '../../OrLoader-b79022da.js';
-import '../../OrDateTimePickerMonthSelect-f807e6d5.js';
 import '../../OrMenuItem-dbee450f.js';
 import '../../OrMenu-9659b8eb.js';
-import '../../OrDateTimePickerTimeSelect-14503fde.js';

package/dist/esm/v3/components/or-date-time-picker-v3/partials/or-date-time-picker-popover-footer/OrDateTimePickerPopoverFooter.vue.d.ts

@@ -1,8 +1,20 @@
-declare const _default: import("vue-demi").DefineComponent<{}, {
+declare const _default: import("vue-demi").DefineComponent<{
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
     root: import("vue-demi").Ref<HTMLElement | undefined>;
     rootStyles: import("vue-demi").ComputedRef<string[]>;
-}, {}, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("apply" | "reset")[], "apply" | "reset", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{}>> & {
+}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("apply" | "reset")[], "apply" | "reset", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
     onApply?: ((...args: any[]) => any) | undefined;
     onReset?: ((...args: any[]) => any) | undefined;
-}, {}>;
+}, {
+    disabled: boolean;
+}>;
 export default _default;

package/dist/esm/v3/components/or-date-time-picker-v3/partials/or-date-time-picker-time-control/OrDateTimePickerTimeControl.vue.d.ts

@@ -1,8 +1,14 @@
+import { PropType } from 'vue-demi';
+import { DateTimePickerTimeFormat } from '../../props';
 declare const _default: import("vue-demi").DefineComponent<{
     modelValue: {
         type: DateConstructor;
         default: undefined;
     };
+    format: {
+        type: PropType<"auto" | "h12" | "h23">;
+        default: DateTimePickerTimeFormat;
+    };
     required: {
         type: BooleanConstructor;
         default: boolean;
@@ -27,6 +33,10 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: DateConstructor;
         default: undefined;
     };
+    format: {
+        type: PropType<"auto" | "h12" | "h23">;
+        default: DateTimePickerTimeFormat;
+    };
     required: {
         type: BooleanConstructor;
         default: boolean;
@@ -41,6 +51,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
 }>>, {
     modelValue: Date;
+    format: "auto" | "h12" | "h23";
     required: boolean;
     readonly: boolean;
     disabled: boolean;

package/dist/esm/v3/components/or-date-time-picker-v3/partials/or-date-time-picker-time-select/OrDateTimePickerTimeSelect.vue.d.ts

@@ -1,4 +1,5 @@
 import { PropType } from 'vue-demi';
+import { DateTimePickerTimeFormat } from '../../props';
 import { FilterFunction } from '../../types';
 declare const _default: import("vue-demi").DefineComponent<{
     modelValue: {
@@ -9,6 +10,10 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: DateConstructor;
         required: true;
     };
+    format: {
+        type: PropType<"auto" | "h12" | "h23">;
+        default: DateTimePickerTimeFormat;
+    };
     hoursFilter: {
         type: PropType<FilterFunction>;
         default: undefined;
@@ -23,6 +28,8 @@ declare const _default: import("vue-demi").DefineComponent<{
     buttonGroupStyles: import("vue-demi").ComputedRef<string[]>;
     buttonGroupItemStyles: import("vue-demi").ComputedRef<string[]>;
     proxyModelValue: import("vue-demi").WritableComputedRef<Date>;
+    proxyTimeFormat: import("vue-demi").ComputedRef<DateTimePickerTimeFormat.H12 | DateTimePickerTimeFormat.H23 | "h12" | "h23">;
+    hoursRange: import("vue-demi").Ref<"am" | "pm">;
     hoursOptions: import("vue-demi").ComputedRef<Date[]>;
     minutesOptions: import("vue-demi").ComputedRef<Date[]>;
     formatHours: (value: Date) => string;
@@ -36,6 +43,10 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: DateConstructor;
         required: true;
     };
+    format: {
+        type: PropType<"auto" | "h12" | "h23">;
+        default: DateTimePickerTimeFormat;
+    };
     hoursFilter: {
         type: PropType<FilterFunction>;
         default: undefined;
@@ -48,6 +59,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     modelValue: Date;
+    format: "auto" | "h12" | "h23";
     hoursFilter: FilterFunction;
     minutesFilter: FilterFunction;
 }>;

package/dist/esm/v3/components/or-date-time-picker-v3/props.d.ts

@@ -1 +1,6 @@
+export declare enum DateTimePickerTimeFormat {
+    Auto = "auto",
+    H12 = "h12",
+    H23 = "h23"
+}
 export { InputBoxSize as DateTimePickerSize } from '../or-input-box-v3';

package/dist/esm/v3/components/or-time-picker-v3/OrTimePicker.vue.d.ts

@@ -1,11 +1,15 @@
 import { PropType } from 'vue-demi';
 import { FilterFunction } from '../or-date-time-picker-v3/types';
-import { TimePickerSize } from './props';
+import { TimePickerFormat, TimePickerSize } from './props';
 declare const _default: import("vue-demi").DefineComponent<{
     modelValue: {
         type: DateConstructor;
         default: undefined;
     };
+    format: {
+        type: PropType<"auto" | "h12" | "h23">;
+        default: TimePickerFormat;
+    };
     hoursFilter: {
         type: PropType<FilterFunction>;
         default: undefined;
@@ -57,6 +61,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     initialModelValue: Date;
     proxyModelValue: import("vue-demi").WritableComputedRef<Date | undefined>;
     draftModelValue: import("vue-demi").Ref<Date | undefined>;
+    isInvalidDraftModelValue: import("vue-demi").ComputedRef<boolean>;
     apply: () => void;
     reset: () => void;
     togglePopover: () => void;
@@ -67,6 +72,10 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: DateConstructor;
         default: undefined;
     };
+    format: {
+        type: PropType<"auto" | "h12" | "h23">;
+        default: TimePickerFormat;
+    };
     hoursFilter: {
         type: PropType<FilterFunction>;
         default: undefined;
@@ -115,6 +124,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     onBlur?: ((...args: any[]) => any) | undefined;
 }, {
     modelValue: Date;
+    format: "auto" | "h12" | "h23";
     hoursFilter: FilterFunction;
     minutesFilter: FilterFunction;
     size: TimePickerSize;