@orchidui/dashboard 0.6.0 → 0.8.0

package/dist/OcComplexDatePicker-BydI4VSR-WtcGs_4g.js

@@ -0,0 +1,92 @@
+import { ref as i, openBlock as p, createBlock as c, unref as e, withCtx as l, createVNode as r } from "vue";
+import { c as n, n as d, a as m, b, x as f, y as h } from "./index-DyVteXE3-BhWmKQss.js";
+const V = {
+  __name: "OcComplexDatePicker",
+  props: {
+    shortcuts: Array,
+    cancelButtonProps: Object,
+    submitButtonProps: Object,
+    /**
+     * Props to pass to the calendar component from https://vcalendar.io/
+     */
+    calendarProps: Object,
+    modelValue: {
+      type: Object,
+      default: () => ({
+        start: /* @__PURE__ */ new Date(),
+        end: /* @__PURE__ */ new Date()
+      })
+    },
+    formatDate: {
+      type: String,
+      default: "DD/MM/YYYY"
+    },
+    countCalendars: {
+      type: Number,
+      default: 2
+    },
+    withFooter: {
+      type: Boolean,
+      default: !0
+    },
+    label: String,
+    hint: String,
+    isRequired: Boolean,
+    errorMessage: String,
+    labelIcon: String,
+    tooltipText: String,
+    tooltipOptions: Object
+  },
+  emits: {
+    "update:modelValue": []
+  },
+  setup(t) {
+    n.extend(d);
+    const s = i(!1);
+    return (u, o) => (p(), c(e(m), {
+      label: t.label,
+      hint: t.hint,
+      "error-message": t.errorMessage,
+      "is-required": t.isRequired,
+      "tooltip-options": t.tooltipOptions,
+      "label-icon": t.labelIcon,
+      "tooltip-text": t.tooltipText
+    }, {
+      default: l(() => [
+        r(e(b), {
+          modelValue: s.value,
+          "onUpdate:modelValue": o[1] || (o[1] = (a) => s.value = a),
+          position: "bottom",
+          class: "w-full"
+        }, {
+          menu: l(() => [
+            r(e(f), {
+              "model-value": t.modelValue,
+              shortcuts: t.shortcuts,
+              "cancel-button-props": t.cancelButtonProps,
+              "submit-button-props": t.submitButtonProps,
+              "calendar-props": t.calendarProps,
+              "count-calendars": t.countCalendars,
+              "with-footer": t.withFooter,
+              "onUpdate:modelValue": o[0] || (o[0] = (a) => u.$emit("update:modelValue", a))
+            }, null, 8, ["model-value", "shortcuts", "cancel-button-props", "submit-button-props", "calendar-props", "count-calendars", "with-footer"])
+          ]),
+          default: l(() => [
+            r(e(h), {
+              "model-value": `${e(n)(t.modelValue.start).format(t.formatDate)} - ${e(n)(
+                t.modelValue.end
+              ).format(t.formatDate)}`,
+              icon: "calendar",
+              readonly: ""
+            }, null, 8, ["model-value"])
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ]),
+      _: 1
+    }, 8, ["label", "hint", "error-message", "is-required", "tooltip-options", "label-icon", "tooltip-text"]));
+  }
+};
+export {
+  V as default
+};