@feedmepos/mf-connect 0.1.38-beta.73 → 0.1.38-beta.75

package/dist/DateInput.vue_vue_type_script_setup_true_lang-BN4Q5Y3l.js

@@ -0,0 +1,54 @@
+import { defineComponent as p, resolveComponent as l, openBlock as m, createBlock as r, withCtx as n, createVNode as f, createCommentVNode as V, createElementVNode as y, normalizeClass as v, toDisplayString as D, unref as F } from "vue";
+import { h as Y } from "./moment-D7p2TMB-.js";
+const C = /* @__PURE__ */ p({
+  __name: "DateInput",
+  props: {
+    label: {
+      type: String,
+      required: !1
+    },
+    modelValue: {
+      type: Object,
+      required: !1
+    }
+  },
+  emits: ["update:model-value"],
+  setup(e, { emit: d }) {
+    const a = d;
+    return (b, t) => {
+      const i = l("FmButton"), u = l("FmField"), c = l("FmDatePicker");
+      return m(), r(c, {
+        label: e.label,
+        "model-value": e.modelValue || "",
+        "onUpdate:modelValue": t[1] || (t[1] = (o) => a("update:model-value", o))
+      }, {
+        "trigger-button": n(({ opened: o }) => [
+          f(u, {
+            class: "flex items-center",
+            "prepend-icon": "calendar_month",
+            "icon-outlined": !o
+          }, {
+            append: n(() => [
+              e.modelValue ? (m(), r(i, {
+                key: 0,
+                variant: "tertiary",
+                icon: "clear",
+                onClick: t[0] || (t[0] = (s) => (s.stopPropagation(), a("update:model-value", null)))
+              })) : V("", !0)
+            ]),
+            default: n(() => [
+              y("div", {
+                class: v(["fm-typo-en-body-lg-400", { "text-fm-color-typo-secondary": !e.modelValue }])
+              }, D(e.modelValue ? F(Y)(e.modelValue).format("DD MMM YYYY") : "DD MM YYYY"), 3)
+            ]),
+            _: 1
+          }, 8, ["icon-outlined"])
+        ]),
+        _: 1
+      }, 8, ["label", "model-value"]);
+    };
+  }
+});
+export {
+  C as _
+};