@onereach/ui-components 23.2.0-beta.5525.0 → 23.2.1-beta.5569.0

package/dist/esm/{OrDatePicker-CNsMyl3o.mjs → OrDatePicker-B8f7IXss.mjs}

@@ -1,16 +1,16 @@
-import { defineComponent as U, ref as p, computed as m, toRef as $, watch as q, resolveComponent as t, resolveDirective as E, openBlock as u, createElementBlock as j, normalizeClass as P, createBlock as v, withCtx as n, renderSlot as h, createTextVNode as O, toDisplayString as b, createCommentVNode as H, withDirectives as y, withModifiers as A, createVNode as i, createElementVNode as N, vShow as z } from "vue";
-import { DropdownClose as G, DropdownOpen as J } from "@onereach/ui-components-common/directives";
-import { useDateFormat as K, useLocale as Q, useProxyModelValue as W, useResponsive as X } from "@onereach/ui-components-common/hooks";
-import { O as Y, a as Z, b as _, c as x, d as ee, e as oe, l as R, i as re } from "./OrDateTimePicker.vue_vue_type_script_lang-CZx_jTF6.mjs";
+import { DropdownClose as U, DropdownOpen as j } from "@onereach/ui-components-common/directives";
+import { useDateFormat as A, useLocale as G, useProxyModelValue as J, useResponsive as K } from "@onereach/ui-components-common/hooks";
+import { O as Q, a as W, b as X, c as Y, d as Z, e as _, l as H, i as x } from "./OrDateTimePicker.vue_vue_type_script_lang-BPE3fOtA.mjs";
+import { defineComponent as ee, ref as p, computed as m, toRef as C, watch as q, resolveComponent as t, resolveDirective as E, openBlock as u, createElementBlock as oe, normalizeClass as k, createBlock as v, withCtx as n, renderSlot as $, createTextVNode as O, toDisplayString as y, createCommentVNode as N, withDirectives as b, withModifiers as re, createVNode as i, createElementVNode as R, vShow as z } from "vue";
 import "@onereach/ui-components-common/types";
 import { O as te } from "./OrError-B5ihH6-3.mjs";
-import { O as le } from "./OrHint-NvbZyURY.mjs";
-import { O as ae } from "./OrIconButton-B-zHXQFi.mjs";
+import { O as ae } from "./OrHint-NvbZyURY.mjs";
+import { O as le } from "./OrIconButton-BlHCLpeW.mjs";
 import { O as ne } from "./OrIcon-k8cyvh-D.mjs";
 import { O as ie } from "./OrInputBox-6ciokFdU.mjs";
 import { a as de } from "./OrInputBox.vue_vue_type_script_lang-q2L7rmth.mjs";
 import { O as se } from "./OrLabel-DssheqEn.mjs";
-import { O as ue } from "./OrPopover-CJCFana0.mjs";
+import { O as ue } from "./OrPopover-DbygLPtT.mjs";
 import "@onereach/ui-components-common/utils";
 import { _ as pe } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
 const me = [
@@ -21,26 +21,26 @@ const me = [
 ], ve = [
   // Box
   "w-[290px]"
-], fe = U({
+], fe = ee({
   name: "OrDatePicker",
   components: {
-    OrDateTimePickerDateControl: Y,
-    OrDateTimePickerDateSelect: Z,
-    OrDateTimePickerMobileControl: _,
-    OrDateTimePickerMonthSelect: x,
-    OrDateTimePickerPopoverFooter: ee,
-    OrDateTimePickerPopoverHeader: oe,
+    OrDateTimePickerDateControl: Q,
+    OrDateTimePickerDateSelect: W,
+    OrDateTimePickerMobileControl: X,
+    OrDateTimePickerMonthSelect: Y,
+    OrDateTimePickerPopoverFooter: Z,
+    OrDateTimePickerPopoverHeader: _,
     OrError: te,
-    OrHint: le,
+    OrHint: ae,
     OrIcon: ne,
-    OrIconButton: ae,
+    OrIconButton: le,
     OrInputBox: ie,
     OrLabel: se,
     OrPopover: ue
   },
   directives: {
-    DropdownClose: G,
-    DropdownOpen: J
+    DropdownClose: U,
+    DropdownOpen: j
   },
   model: {
     prop: "modelValue",
@@ -55,6 +55,14 @@ const me = [
       type: [String, Function],
       default: void 0
     },
+    yearsOptionsLength: {
+      type: Number,
+      default: 5
+    },
+    weekStartsOn: {
+      type: Number,
+      default: 0
+    },
     locale: {
       type: String,
       default: void 0
@@ -71,6 +79,10 @@ const me = [
       type: Function,
       default: void 0
     },
+    dateHighlighter: {
+      type: Function,
+      default: void 0
+    },
     variant: {
       type: String,
       default: void 0
@@ -122,74 +134,74 @@ const me = [
     "blur"
   ],
   setup(e, r) {
-    const I = p(), M = m(() => [
+    const I = p(), L = m(() => [
       "or-date-picker-v3",
       ...me,
       ...e.variant === de.Embedded ? ["grow"] : []
-    ]), D = p(), L = m(() => {
+    ]), P = p(), M = m(() => {
       var o;
-      return (o = D.value) == null ? void 0 : o.root;
-    }), s = p(), k = m(() => {
+      return (o = P.value) == null ? void 0 : o.root;
+    }), s = p(), D = m(() => {
       var o;
       return (o = s.value) == null ? void 0 : o.state;
-    }), V = m(() => [
+    }), g = m(() => [
       "or-date-picker-popover-v3",
       ...c.value ? [] : ve
-    ]), F = K($(e, "format")), S = Q($(e, "locale")), f = p(e.modelValue ?? R());
+    ]), V = A(C(e, "format")), h = G(C(e, "locale")), f = p(e.modelValue ?? H());
     q(() => e.modelValue, (o) => {
-      f.value = o ?? R();
+      f.value = o ?? H();
     });
-    const d = W($(e, "modelValue"), r.emit), l = p(d.value);
+    const d = J(C(e, "modelValue"), r.emit), a = p(d.value);
     q(d, (o) => {
-      l.value = o;
+      a.value = o;
     });
-    const T = m(() => l.value ? !!(e.yearFilter && !e.yearFilter(l.value) || e.monthFilter && !e.monthFilter(l.value) || e.dateFilter && !e.dateFilter(l.value)) : !0);
-    function g() {
-      d.value = l.value;
-    }
-    function B() {
-      l.value = d.value;
+    const F = m(() => a.value ? !!(e.yearFilter && !e.yearFilter(a.value) || e.monthFilter && !e.monthFilter(a.value) || e.dateFilter && !e.dateFilter(a.value)) : !0);
+    function S() {
+      d.value = a.value;
     }
     function w() {
+      a.value = d.value;
+    }
+    function T() {
       if (!e.readonly && !e.disabled) {
         const o = s.value;
         o && o.open();
       }
     }
-    function C() {
+    function B() {
       const o = s.value;
       o && o.close();
     }
-    const { isMobile: c } = X();
+    const { isMobile: c } = K();
     return {
       root: I,
-      rootStyles: M,
-      inputBox: D,
-      inputBoxRoot: L,
+      rootStyles: L,
+      inputBox: P,
+      inputBoxRoot: M,
       popover: s,
-      popoverState: k,
-      popoverStyles: V,
-      resolvedFormat: F,
-      resolvedLocale: S,
+      popoverState: D,
+      popoverStyles: g,
+      resolvedFormat: V,
+      resolvedLocale: h,
       initialValue: f,
       model: d,
-      draft: l,
-      invalid: T,
-      apply: g,
-      reset: B,
-      openPopover: w,
-      closePopover: C,
-      formatMobileDate: re
+      draft: a,
+      invalid: F,
+      apply: S,
+      reset: w,
+      openPopover: T,
+      closePopover: B,
+      formatMobileDate: x
     };
   }
-}), ce = /* @__PURE__ */ N("div", {
-  class: /* @__PURE__ */ P(["grow"])
+}), ce = /* @__PURE__ */ R("div", {
+  class: /* @__PURE__ */ k(["grow"])
 }, null, -1);
-function Oe(e, r, I, M, D, L) {
-  const s = t("OrLabel"), k = t("OrDateTimePickerDateControl"), V = t("OrDateTimePickerMobileControl"), F = t("OrDateTimePickerPopoverHeader"), S = t("OrDateTimePickerMonthSelect"), f = t("OrDateTimePickerDateSelect"), d = t("OrDateTimePickerPopoverFooter"), l = t("OrPopover"), T = t("OrIconButton"), g = t("OrIcon"), B = t("OrInputBox"), w = t("OrHint"), C = t("OrError"), c = E("dropdown-open"), o = E("dropdown-close");
-  return u(), j("div", {
+function Oe(e, r, I, L, P, M) {
+  const s = t("OrLabel"), D = t("OrDateTimePickerDateControl"), g = t("OrDateTimePickerMobileControl"), V = t("OrDateTimePickerPopoverHeader"), h = t("OrDateTimePickerMonthSelect"), f = t("OrDateTimePickerDateSelect"), d = t("OrDateTimePickerPopoverFooter"), a = t("OrPopover"), F = t("OrIconButton"), S = t("OrIcon"), w = t("OrInputBox"), T = t("OrHint"), B = t("OrError"), c = E("dropdown-open"), o = E("dropdown-close");
+  return u(), oe("div", {
     ref: "root",
-    class: P(e.rootStyles)
+    class: k(e.rootStyles)
   }, [
     e.$slots.label || e.$slots.addon || e.label ? (u(), v(s, {
       key: 0,
@@ -198,16 +210,16 @@ function Oe(e, r, I, M, D, L) {
       disabled: e.disabled
     }, {
       addon: n(() => [
-        h(e.$slots, "addon")
+        $(e.$slots, "addon")
       ]),
       default: n(() => [
-        h(e.$slots, "label", {}, () => [
-          O(b(e.label), 1)
+        $(e.$slots, "label", {}, () => [
+          O(y(e.label), 1)
         ])
       ]),
       _: 3
-    }, 8, ["required", "disabled"])) : H("", !0),
-    y((u(), v(B, {
+    }, 8, ["required", "disabled"])) : N("", !0),
+    b((u(), v(w, {
       ref: "inputBox",
       variant: e.variant,
       size: e.size,
@@ -216,23 +228,23 @@ function Oe(e, r, I, M, D, L) {
       disabled: e.disabled
     }, {
       addon: n(() => [
-        e.modelValue ? (u(), v(T, {
+        e.modelValue ? (u(), v(F, {
           key: 0,
           icon: "close",
           color: "inherit",
           disabled: e.readonly || e.disabled,
-          onClick: r[6] || (r[6] = A((a) => e.$emit("update:modelValue", void 0), ["stop"]))
-        }, null, 8, ["disabled"])) : (u(), v(g, {
+          onClick: r[6] || (r[6] = re((l) => e.$emit("update:modelValue", void 0), ["stop"]))
+        }, null, 8, ["disabled"])) : (u(), v(S, {
           key: 1,
           icon: "calendar_month",
           variant: "outlined"
         }))
       ]),
       default: n(() => [
-        y(i(k, {
+        b(i(D, {
           modelValue: e.draft,
-          "onUpdate:modelValue": r[0] || (r[0] = (a) => e.draft = a),
-          class: P(["!border-0"]),
+          "onUpdate:modelValue": r[0] || (r[0] = (l) => e.draft = l),
+          class: k(["!border-0"]),
           format: e.resolvedFormat,
           locale: e.resolvedLocale,
           selected: e.popover && e.popover.state === "open",
@@ -243,54 +255,57 @@ function Oe(e, r, I, M, D, L) {
           [c, e.openPopover],
           [o, e.closePopover]
         ]),
-        i(l, {
+        i(a, {
           ref: "popover",
           variant: "auto",
           "bottom-sheet-props": { variant: "basic" },
           trigger: e.anchor || e.inputBoxRoot,
           placement: "bottom-start",
           "fallback-placement": "start",
-          onClose: r[5] || (r[5] = (a) => e.reset())
+          onClose: r[5] || (r[5] = (l) => e.reset())
         }, {
           default: n(() => [
-            N("div", {
-              class: P(e.popoverStyles)
+            R("div", {
+              class: k(e.popoverStyles)
             }, [
-              i(F, null, {
+              i(V, null, {
                 default: n(() => [
-                  i(V, {
+                  i(g, {
                     label: "Date",
                     selected: !0
                   }, {
                     default: n(() => [
-                      O(b(e.draft ? e.formatMobileDate(e.draft, e.resolvedFormat, e.resolvedLocale) : "--"), 1)
+                      O(y(e.draft ? e.formatMobileDate(e.draft, e.resolvedFormat, e.resolvedLocale) : "--"), 1)
                     ]),
                     _: 1
                   })
                 ]),
                 _: 1
               }),
-              i(S, {
+              i(h, {
                 modelValue: e.initialValue,
-                "onUpdate:modelValue": r[1] || (r[1] = (a) => e.initialValue = a),
+                "onUpdate:modelValue": r[1] || (r[1] = (l) => e.initialValue = l),
                 locale: e.resolvedLocale,
+                "years-options-length": e.yearsOptionsLength,
                 "year-filter": e.yearFilter,
                 "month-filter": e.monthFilter
-              }, null, 8, ["modelValue", "locale", "year-filter", "month-filter"]),
+              }, null, 8, ["modelValue", "locale", "years-options-length", "year-filter", "month-filter"]),
               i(f, {
                 modelValue: e.draft,
-                "onUpdate:modelValue": r[2] || (r[2] = (a) => e.draft = a),
+                "onUpdate:modelValue": r[2] || (r[2] = (l) => e.draft = l),
                 "initial-value": e.initialValue,
                 format: e.resolvedFormat,
+                "week-starts-on": e.weekStartsOn,
                 locale: e.resolvedLocale,
-                "date-filter": e.dateFilter
-              }, null, 8, ["modelValue", "initial-value", "format", "locale", "date-filter"]),
+                "date-filter": e.dateFilter,
+                "date-highlighter": e.dateHighlighter
+              }, null, 8, ["modelValue", "initial-value", "format", "week-starts-on", "locale", "date-filter", "date-highlighter"]),
               i(d, {
                 disabled: e.invalid,
-                onApply: r[3] || (r[3] = (a) => {
+                onApply: r[3] || (r[3] = (l) => {
                   e.apply(), e.popover && e.popover.close();
                 }),
-                onReset: r[4] || (r[4] = (a) => {
+                onReset: r[4] || (r[4] = (l) => {
                   e.reset(), e.popover && e.popover.close();
                 })
               }, null, 8, ["disabled"])
@@ -305,22 +320,22 @@ function Oe(e, r, I, M, D, L) {
       [c, e.openPopover],
       [o, e.closePopover]
     ]),
-    e.$slots.hint || e.hint ? y((u(), v(w, {
+    e.$slots.hint || e.hint ? b((u(), v(T, {
       key: 1,
       disabled: e.disabled
     }, {
       default: n(() => [
-        h(e.$slots, "hint", {}, () => [
-          O(b(e.hint), 1)
+        $(e.$slots, "hint", {}, () => [
+          O(y(e.hint), 1)
         ])
       ]),
       _: 3
     }, 8, ["disabled"])), [
       [z, !e.error]
-    ]) : H("", !0),
-    y(i(C, { disabled: e.disabled }, {
+    ]) : N("", !0),
+    b(i(B, { disabled: e.disabled }, {
       default: n(() => [
-        O(b(e.error), 1)
+        O(y(e.error), 1)
       ]),
       _: 1
     }, 8, ["disabled"]), [
@@ -332,4 +347,4 @@ const Ie = /* @__PURE__ */ pe(fe, [["render", Oe]]);
 export {
   Ie as O
 };
-//# sourceMappingURL=OrDatePicker-CNsMyl3o.mjs.map
+//# sourceMappingURL=OrDatePicker-B8f7IXss.mjs.map

package/dist/esm/OrDatePicker-B8f7IXss.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrDatePicker-B8f7IXss.mjs","sources":["../../../components/or-date-picker-v3/src/styles.ts","../../../components/or-date-picker-v3/src/OrDatePicker.vue"],"sourcesContent":["export const DatePicker: string[] = [\n  // Layout\n  'layout-column',\n\n  // Spacing\n  'gap-xs',\n];\n\nexport const DatePickerPopover: string[] = [\n  // Box\n  'w-[290px]',\n];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <template v-if=\"$slots.label || $slots.addon || label\">\n      <OrLabel\n        :variant=\"'input'\"\n        :required=\"required\"\n        :disabled=\"disabled\"\n      >\n        <slot name=\"label\">\n          {{ label }}\n        </slot>\n\n        <template v-slot:addon>\n          <slot name=\"addon\" />\n        </template>\n      </OrLabel>\n    </template>\n\n    <OrInputBox\n      :ref=\"'inputBox'\"\n      v-dropdown-open=\"openPopover\"\n      v-dropdown-close=\"closePopover\"\n      :variant=\"variant\"\n      :size=\"size\"\n      :invalid=\"!!error\"\n      :readonly=\"readonly\"\n      :disabled=\"disabled\"\n    >\n      <OrDateTimePickerDateControl\n        v-model=\"draft\"\n        v-dropdown-open=\"openPopover\"\n        v-dropdown-close=\"closePopover\"\n        :class=\"['!border-0']\"\n        :format=\"resolvedFormat\"\n        :locale=\"resolvedLocale\"\n        :selected=\"popover && popover.state === 'open'\"\n        :required=\"required\"\n        :readonly=\"readonly\"\n        :disabled=\"disabled\"\n      />\n\n      <OrPopover\n        :ref=\"'popover'\"\n        :variant=\"'auto'\"\n        :bottom-sheet-props=\"{ variant: 'basic' }\"\n        :trigger=\"anchor || inputBoxRoot\"\n        :placement=\"'bottom-start'\"\n        :fallback-placement=\"'start'\"\n        @close=\"reset()\"\n      >\n        <div :class=\"popoverStyles\">\n          <OrDateTimePickerPopoverHeader>\n            <OrDateTimePickerMobileControl\n              :label=\"'Date'\"\n              :selected=\"true\"\n            >\n              {{ draft ? formatMobileDate(draft, resolvedFormat, resolvedLocale) : '--' }}\n            </OrDateTimePickerMobileControl>\n          </OrDateTimePickerPopoverHeader>\n\n          <OrDateTimePickerMonthSelect\n            v-model=\"initialValue\"\n            :locale=\"resolvedLocale\"\n            :years-options-length=\"yearsOptionsLength\"\n            :year-filter=\"yearFilter\"\n            :month-filter=\"monthFilter\"\n          />\n\n          <OrDateTimePickerDateSelect\n            v-model=\"draft\"\n            :initial-value=\"initialValue\"\n            :format=\"resolvedFormat\"\n            :week-starts-on=\"weekStartsOn\"\n            :locale=\"resolvedLocale\"\n            :date-filter=\"dateFilter\"\n            :date-highlighter=\"dateHighlighter\"\n          />\n\n          <OrDateTimePickerPopoverFooter\n            :disabled=\"invalid\"\n            @apply=\"apply(); popover && popover.close()\"\n            @reset=\"reset(); popover && popover.close()\"\n          />\n        </div>\n      </OrPopover>\n\n      <div :class=\"['grow']\" />\n\n      <template v-slot:addon>\n        <template v-if=\"modelValue\">\n          <OrIconButton\n            :icon=\"'close'\"\n            :color=\"'inherit'\"\n            :disabled=\"readonly || disabled\"\n            @click.stop=\"$emit('update:modelValue', undefined)\"\n          />\n        </template>\n\n        <template v-else>\n          <OrIcon\n            :icon=\"'calendar_month'\"\n            :variant=\"'outlined'\"\n          />\n        </template>\n      </template>\n    </OrInputBox>\n\n    <template v-if=\"$slots.hint || hint\">\n      <OrHint\n        v-show=\"!error\"\n        :disabled=\"disabled\"\n      >\n        <slot name=\"hint\">\n          {{ hint }}\n        </slot>\n      </OrHint>\n    </template>\n\n    <OrError\n      v-show=\"typeof error === 'string' && error.length > 0\"\n      :disabled=\"disabled\"\n    >\n      {{ error }}\n    </OrError>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { ReferenceElement } from '@floating-ui/dom';\nimport { DropdownClose, DropdownOpen } from '@onereach/ui-components-common/directives';\nimport { useDateFormat, useLocale, useProxyModelValue, useResponsive } from '@onereach/ui-components-common/hooks';\nimport { DateFormat, FilterFunction, FormatFunction } from '@onereach/ui-components-common/types';\nimport { DateTimePickerModelValue, OrDateTimePickerDateControl, OrDateTimePickerDateSelect, OrDateTimePickerMobileControl, OrDateTimePickerMonthSelect, OrDateTimePickerPopoverFooter, OrDateTimePickerPopoverHeader, formatMobileDate, getCurrentDate } from '@onereach/ui-components.or-date-time-picker-v3';\nimport { OrErrorV3 as OrError } from '@onereach/ui-components.or-error-v3';\nimport { OrHintV3 as OrHint } from '@onereach/ui-components.or-hint-v3';\nimport { OrIconButtonV3 as OrIconButton } from '@onereach/ui-components.or-icon-button-v3';\nimport { OrIconV3 as OrIcon } from '@onereach/ui-components.or-icon-v3';\nimport { InputBoxSize, InputBoxVariant, OrInputBoxV3 as OrInputBox } from '@onereach/ui-components.or-input-box-v3';\nimport { OrLabelV3 as OrLabel } from '@onereach/ui-components.or-label-v3';\nimport { OrPopoverV3 as OrPopover } from '@onereach/ui-components.or-popover-v3';\nimport { PropType, computed, defineComponent, ref, toRef, watch } from 'vue';\n\nimport * as Styles from './styles';\n\nexport default defineComponent({\n  name: 'OrDatePicker',\n\n  components: {\n    OrDateTimePickerDateControl,\n    OrDateTimePickerDateSelect,\n    OrDateTimePickerMobileControl,\n    OrDateTimePickerMonthSelect,\n    OrDateTimePickerPopoverFooter,\n    OrDateTimePickerPopoverHeader,\n    OrError,\n    OrHint,\n    OrIcon,\n    OrIconButton,\n    OrInputBox,\n    OrLabel,\n    OrPopover,\n  },\n\n  directives: {\n    DropdownClose,\n    DropdownOpen,\n  },\n\n  model: {\n    prop: 'modelValue',\n    event: 'update:modelValue',\n  },\n\n  props: {\n    modelValue: {\n      type: undefined as unknown as PropType<DateTimePickerModelValue>,\n      default: undefined,\n    },\n\n    format: {\n      type: [String, Function] as PropType<`${DateFormat}` | FormatFunction<DateTimePickerModelValue>>,\n      default: undefined,\n    },\n\n    yearsOptionsLength: {\n      type: Number,\n      default: 5,\n    },\n\n    weekStartsOn: {\n      type: Number,\n      default: 0,\n    },\n\n    locale: {\n      type: String,\n      default: undefined,\n    },\n\n    yearFilter: {\n      type: Function as PropType<FilterFunction<Date>>,\n      default: undefined,\n    },\n\n    monthFilter: {\n      type: Function as PropType<FilterFunction<Date>>,\n      default: undefined,\n    },\n\n    dateFilter: {\n      type: Function as PropType<FilterFunction<Date>>,\n      default: undefined,\n    },\n\n    dateHighlighter: {\n      type: Function as PropType<FilterFunction<Date>>,\n      default: undefined,\n    },\n\n    variant: {\n      type: String as PropType<`${InputBoxVariant}`>,\n      default: undefined,\n    },\n\n    size: {\n      type: String as PropType<`${InputBoxSize}`>,\n      default: undefined,\n    },\n\n    anchor: {\n      type: Object as PropType<ReferenceElement>,\n      default: undefined,\n    },\n\n    label: {\n      type: String,\n      default: undefined,\n    },\n\n    hint: {\n      type: String,\n      default: undefined,\n    },\n\n    error: {\n      type: [String, Boolean],\n      default: undefined,\n    },\n\n    required: {\n      type: Boolean,\n      default: false,\n    },\n\n    readonly: {\n      type: Boolean,\n      default: false,\n    },\n\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n    'update:modelValue',\n\n    'input',\n    'keydown',\n    'keyup',\n    'focus',\n    'blur',\n  ],\n\n  expose: [\n    'root',\n\n    'focus',\n    'blur',\n  ],\n\n  setup(props, context) {\n    // Refs & Styles\n    const root = ref<HTMLElement>();\n\n    const rootStyles = computed(() => [\n      'or-date-picker-v3',\n      ...Styles.DatePicker,\n      ...props.variant === InputBoxVariant.Embedded ? ['grow'] : [],\n    ]);\n\n    const inputBox = ref<InstanceType<typeof OrInputBox>>();\n    const inputBoxRoot = computed(() => inputBox.value?.root);\n\n    const popover = ref<InstanceType<typeof OrPopover>>();\n    const popoverState = computed(() => popover.value?.state);\n\n    const popoverStyles = computed(() => [\n      'or-date-picker-popover-v3',\n      ...(isMobile.value ? [] : Styles.DatePickerPopover),\n    ]);\n\n    // Options\n    const resolvedFormat = useDateFormat(toRef(props, 'format'));\n    const resolvedLocale = useLocale(toRef(props, 'locale'));\n\n    // State\n    const initialValue = ref(props.modelValue ?? getCurrentDate());\n\n    watch(() => props.modelValue, (value) => {\n      initialValue.value = value ?? getCurrentDate();\n    });\n\n    const model = useProxyModelValue(toRef(props, 'modelValue'), context.emit);\n    const draft = ref(model.value);\n\n    watch(model, (value) => {\n      draft.value = value;\n    });\n\n    const invalid = computed(() => {\n      if (draft.value) {\n        if (props.yearFilter && !props.yearFilter(draft.value)) {\n          return true;\n        }\n\n        if (props.monthFilter && !props.monthFilter(draft.value)) {\n          return true;\n        }\n\n        if (props.dateFilter && !props.dateFilter(draft.value)) {\n          return true;\n        }\n\n        return false;\n      }\n\n      return true;\n    });\n\n    // Methods\n    function apply(): void {\n      model.value = draft.value;\n    }\n\n    function reset(): void {\n      draft.value = model.value;\n    }\n\n    function openPopover(): void {\n      if (!props.readonly && !props.disabled) {\n        const popoverInstance = popover.value;\n\n        if (popoverInstance) {\n          (popoverInstance.open as () => void)();\n        }\n      }\n    }\n\n    function closePopover(): void {\n      const popoverInstance = popover.value;\n\n      if (popoverInstance) {\n        (popoverInstance.close as () => void)();\n      }\n    }\n\n    // Helpers\n    const { isMobile } = useResponsive();\n\n    return {\n      root,\n      rootStyles,\n\n      inputBox,\n      inputBoxRoot,\n\n      popover,\n      popoverState,\n      popoverStyles,\n\n      resolvedFormat,\n      resolvedLocale,\n\n      initialValue,\n\n      model,\n      draft,\n\n      invalid,\n\n      apply,\n      reset,\n\n      openPopover,\n      closePopover,\n\n      formatMobileDate,\n    };\n  },\n});\n</script>\n"],"names":["DatePicker","DatePickerPopover","_sfc_main","defineComponent","OrDateTimePickerDateControl","OrDateTimePickerDateSelect","OrDateTimePickerMobileControl","OrDateTimePickerMonthSelect","OrDateTimePickerPopoverFooter","OrDateTimePickerPopoverHeader","OrError","OrHint","OrIcon","OrIconButton","OrInputBox","OrLabel","OrPopover","DropdownClose","DropdownOpen","props","context","root","ref","rootStyles","computed","Styles.DatePicker","InputBoxVariant","inputBox","inputBoxRoot","_a","popover","popoverState","popoverStyles","isMobile","Styles.DatePickerPopover","resolvedFormat","useDateFormat","toRef","resolvedLocale","useLocale","initialValue","getCurrentDate","watch","value","model","useProxyModelValue","draft","invalid","apply","reset","openPopover","popoverInstance","closePopover","useResponsive","formatMobileDate","_resolveDirective","_openBlock","_createElementBlock","_normalizeClass","_ctx","_createBlock","_component_OrLabel","_renderSlot","_createCommentVNode","_withDirectives","_component_OrInputBox","_withCtx","_component_OrIconButton","_cache","_withModifiers","$event","_component_OrIcon","_createVNode","_component_OrDateTimePickerDateControl","_directive_dropdown_open","_directive_dropdown_close","_component_OrPopover","_createElementVNode","_component_OrDateTimePickerPopoverHeader","_component_OrDateTimePickerMobileControl","_component_OrDateTimePickerDateSelect","_component_OrDateTimePickerPopoverFooter","_component_OrHint","_component_OrError"],"mappings":"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"}