@nextcloud/vue 8.5.0 → 9.0.0-alpha.0

package/dist/Components/NcDateTimePicker.cjs

@@ -1,301 +1,3 @@
-var N = require("../assets/NcDateTimePicker-J_kGHwdu.css");
-const r = require("../chunks/_l10n-juAR1Sua.cjs"), p = require("../chunks/GenRandomId-ULxaMkkr.cjs"), d = require("../chunks/NcTimezonePicker-ag-krDDP.cjs"), m = require("../chunks/NcPopover-EXxv8Pzw.cjs"), i = require("../chunks/_plugin-vue2_normalizer-DCfUPqga.cjs"), o = require("@nextcloud/l10n"), f = require("vue2-datepicker"), h = require("../chunks/ScopeComponent-_Cg8ogL-.cjs"), _ = (a) => a && a.__esModule ? a : { default: a }, g = /* @__PURE__ */ _(f);
-r.register(r.t32);
-const v = {
-  name: "CalendarBlankIcon",
-  emits: ["click"],
-  props: {
-    title: {
-      type: String
-    },
-    fillColor: {
-      type: String,
-      default: "currentColor"
-    },
-    size: {
-      type: Number,
-      default: 24
-    }
-  }
-};
-var C = function() {
-  var e = this, t = e._self._c;
-  return t("span", e._b({ staticClass: "material-design-icon calendar-blank-icon", attrs: { "aria-hidden": !e.title, "aria-label": e.title, role: "img" }, on: { click: function(n) {
-    return e.$emit("click", n);
-  } } }, "span", e.$attrs, !1), [t("svg", { staticClass: "material-design-icon__svg", attrs: { fill: e.fillColor, width: e.size, height: e.size, viewBox: "0 0 24 24" } }, [t("path", { attrs: { d: "M19,19H5V8H19M16,1V3H8V1H6V3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3H18V1" } }, [e.title ? t("title", [e._v(e._s(e.title))]) : e._e()])])]);
-}, y = [], k = /* @__PURE__ */ i.normalizeComponent(
-  v,
-  C,
-  y,
-  !1,
-  null,
-  null,
-  null,
-  null
-);
-const z = k.exports, w = {
-  name: "WebIcon",
-  emits: ["click"],
-  props: {
-    title: {
-      type: String
-    },
-    fillColor: {
-      type: String,
-      default: "currentColor"
-    },
-    size: {
-      type: Number,
-      default: 24
-    }
-  }
-};
-var D = function() {
-  var e = this, t = e._self._c;
-  return t("span", e._b({ staticClass: "material-design-icon web-icon", attrs: { "aria-hidden": !e.title, "aria-label": e.title, role: "img" }, on: { click: function(n) {
-    return e.$emit("click", n);
-  } } }, "span", e.$attrs, !1), [t("svg", { staticClass: "material-design-icon__svg", attrs: { fill: e.fillColor, width: e.size, height: e.size, viewBox: "0 0 24 24" } }, [t("path", { attrs: { d: "M16.36,14C16.44,13.34 16.5,12.68 16.5,12C16.5,11.32 16.44,10.66 16.36,10H19.74C19.9,10.64 20,11.31 20,12C20,12.69 19.9,13.36 19.74,14M14.59,19.56C15.19,18.45 15.65,17.25 15.97,16H18.92C17.96,17.65 16.43,18.93 14.59,19.56M14.34,14H9.66C9.56,13.34 9.5,12.68 9.5,12C9.5,11.32 9.56,10.65 9.66,10H14.34C14.43,10.65 14.5,11.32 14.5,12C14.5,12.68 14.43,13.34 14.34,14M12,19.96C11.17,18.76 10.5,17.43 10.09,16H13.91C13.5,17.43 12.83,18.76 12,19.96M8,8H5.08C6.03,6.34 7.57,5.06 9.4,4.44C8.8,5.55 8.35,6.75 8,8M5.08,16H8C8.35,17.25 8.8,18.45 9.4,19.56C7.57,18.93 6.03,17.65 5.08,16M4.26,14C4.1,13.36 4,12.69 4,12C4,11.31 4.1,10.64 4.26,10H7.64C7.56,10.66 7.5,11.32 7.5,12C7.5,12.68 7.56,13.34 7.64,14M12,4.03C12.83,5.23 13.5,6.57 13.91,8H10.09C10.5,6.57 11.17,5.23 12,4.03M18.92,8H15.97C15.65,6.75 15.19,5.55 14.59,4.44C16.43,5.07 17.96,6.34 18.92,8M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z" } }, [e.title ? t("title", [e._v(e._s(e.title))]) : e._e()])])]);
-}, M = [], b = /* @__PURE__ */ i.normalizeComponent(
-  w,
-  D,
-  M,
-  !1,
-  null,
-  null,
-  null,
-  null
-);
-const P = b.exports, s = {
-  date: "YYYY-MM-DD",
-  datetime: "YYYY-MM-DD H:mm:ss",
-  year: "YYYY",
-  month: "YYYY-MM",
-  time: "H:mm:ss",
-  week: "w"
-}, T = {
-  name: "NcDateTimePicker",
-  components: {
-    CalendarBlank: z,
-    DatePicker: g.default,
-    NcPopover: m.NcPopover,
-    NcTimezonePicker: d.NcTimezonePicker,
-    Web: P
-  },
-  inheritAttrs: !1,
-  props: {
-    clearable: {
-      type: Boolean,
-      default: !1
-    },
-    minuteStep: {
-      type: Number,
-      default: 10
-    },
-    type: {
-      type: String,
-      default: "date"
-    },
-    format: {
-      type: String,
-      default: null
-    },
-    formatter: {
-      type: Object,
-      default: null
-    },
-    lang: {
-      type: Object,
-      default: null
-    },
-    /**
-     * The value to initialize, but also two-way bind the selected date. The date is – like the `Date` object in
-     * JavaScript – tied to UTC. The selected time zone does not have an influence of the selected time and date
-     * value. You have to translate the time yourself when you want to factor in time zones.
-     */
-    // eslint-disable-next-line
-    value: {
-      default: () => /* @__PURE__ */ new Date()
-    },
-    /**
-     * The preselected IANA time zone ID for the time zone picker, only relevant in combination with `:show-timezone-select="true"`. Example: `Europe/Berlin`. The prop supports two-way binding through the .sync modifier.
-     */
-    timezoneId: {
-      type: String,
-      default: "UTC"
-    },
-    showTimezoneSelect: {
-      type: Boolean,
-      default: !1
-    },
-    highlightTimezone: {
-      type: Boolean,
-      default: !1
-    },
-    appendToBody: {
-      type: Boolean,
-      default: !1
-    },
-    showWeekNumber: {
-      type: Boolean,
-      default: !1
-    },
-    placeholder: {
-      type: String,
-      default: null
-    }
-  },
-  emits: [
-    "update:value",
-    "update:timezone-id"
-  ],
-  setup() {
-    return {
-      timezoneDialogHeaderId: `timezone-dialog-header-${p.GenRandomId()}`
-    };
-  },
-  data() {
-    return {
-      showTimezonePopover: !1,
-      tzVal: this.timezoneId
-    };
-  },
-  computed: {
-    /**
-     * Datepicker language
-     * https://github.com/mengxiong10/vue2-datepicker/blob/master/locale.md
-     *
-     * @return {object}
-     */
-    defaultLang() {
-      return {
-        formatLocale: {
-          months: o.getMonthNames(),
-          monthsShort: o.getMonthNamesShort(),
-          weekdays: o.getDayNames(),
-          weekdaysShort: o.getDayNamesShort(),
-          weekdaysMin: o.getDayNamesMin(),
-          // 0 = sunday, 1 = monday
-          firstDayOfWeek: o.getFirstDay()
-        },
-        monthFormat: "MMM"
-      };
-    },
-    /**
-     * Translated placeholder
-     *
-     * @return {string}
-     */
-    defaultPlaceholder() {
-      return this.type === "time" ? r.t("Pick a time") : this.type === "month" ? r.t("Pick a month") : this.type === "year" ? r.t("Pick a year") : this.type === "week" ? r.t("Pick a week") : this.type === "date" ? r.t("Pick a date") : r.t("Pick a date and a time");
-    },
-    /**
-     * If format is not provided, try to match the type
-     * or fallback to 'date'
-     *
-     * @return {string}
-     */
-    formatTypeMap() {
-      return s[this.type] ?? s.date;
-    },
-    /**
-     * The formatter used for the vue-datepicker to fix nextcloud-libraries/nextcloud-vue#5044
-     */
-    internalFormatter() {
-      return {
-        getWeek: (e) => {
-          const t = new Date(Date.UTC(e.getFullYear(), e.getMonth(), e.getDate()));
-          t.setUTCDate(t.getUTCDate() + 4 - (t.getUTCDay() || 7));
-          const n = new Date(Date.UTC(t.getUTCFullYear(), 0, 1));
-          return Math.ceil(((t - n) / 864e5 + 1) / 7);
-        },
-        // allow to override it by users using the `formatter` prop
-        ...this.formatter ?? {}
-      };
-    }
-  },
-  methods: {
-    t: r.t,
-    handleSelectYear(a) {
-      const e = this.$refs.datepicker.currentValue;
-      if (e)
-        try {
-          const t = new Date(new Date(e).setFullYear(a));
-          this.$refs.datepicker.selectDate(t);
-        } catch {
-          console.error("Invalid value", e, a);
-        }
-    },
-    handleSelectMonth(a) {
-      const e = this.$refs.datepicker.currentValue;
-      if (e)
-        try {
-          const t = new Date(new Date(e).setMonth(a));
-          this.$refs.datepicker.selectDate(t);
-        } catch {
-          console.error("Invalid value", e, a);
-        }
-    },
-    /**
-     * Toggles the visibility of the time zone popover
-     */
-    toggleTimezonePopover() {
-      this.showTimezoneSelect && (this.showTimezonePopover = !this.showTimezonePopover);
-    }
-  }
-};
-var S = function() {
-  var e = this, t = e._self._c;
-  return t("DatePicker", e._g(e._b({ ref: "datepicker", attrs: { "append-to-body": e.appendToBody, clearable: e.clearable, format: e.format ? e.format : e.formatTypeMap, formatter: e.internalFormatter, lang: e.lang ? e.lang : e.defaultLang, "minute-step": e.minuteStep, placeholder: e.placeholder ? e.placeholder : e.defaultPlaceholder, "popup-class": { "show-week-number": e.showWeekNumber }, "show-week-number": e.showWeekNumber, type: e.type, value: e.value }, on: { "select-year": e.handleSelectYear, "select-month": e.handleSelectMonth, "update:value": function(n) {
-    return e.$emit("update:value", e.value);
-  } }, scopedSlots: e._u([{ key: "icon-calendar", fn: function() {
-    return [e.showTimezoneSelect ? t("NcPopover", { attrs: { "popup-role": "dialog", shown: e.showTimezonePopover, "popover-base-class": "timezone-select__popper" }, on: { "update:shown": function(n) {
-      e.showTimezonePopover = n;
-    } }, scopedSlots: e._u([{ key: "trigger", fn: function({ attrs: n }) {
-      return [t("button", e._b({ staticClass: "datetime-picker-inline-icon", class: { "datetime-picker-inline-icon--highlighted": e.highlightTimezone }, on: { mousedown: function(l) {
-        return l.stopPropagation(), l.preventDefault(), (() => {
-        }).apply(null, arguments);
-      } } }, "button", n, !1), [t("Web", { attrs: { size: 20 } })], 1)];
-    } }], null, !1, 270852355) }, [t("div", { attrs: { role: "dialog", "aria-labelledby": e.timezoneDialogHeaderId } }, [t("div", { staticClass: "timezone-popover-wrapper__label" }, [t("strong", { attrs: { id: e.timezoneDialogHeaderId } }, [e._v(" " + e._s(e.t("Please select a time zone:")) + " ")])]), t("NcTimezonePicker", { staticClass: "timezone-popover-wrapper__timezone-select", on: { input: function(n) {
-      return e.$emit("update:timezone-id", arguments[0]);
-    } }, model: { value: e.tzVal, callback: function(n) {
-      e.tzVal = n;
-    }, expression: "tzVal" } })], 1)]) : t("CalendarBlank", { attrs: { size: 20 } })];
-  }, proxy: !0 }, e._l(e.$scopedSlots, function(n, l) {
-    return { key: l, fn: function(u) {
-      return [e._t(l, null, null, u)];
-    } };
-  })], null, !0) }, "DatePicker", e.$attrs, !1), e.$listeners));
-}, $ = [], H = /* @__PURE__ */ i.normalizeComponent(
-  T,
-  S,
-  $,
-  !1,
-  null,
-  "e1e1644e",
-  null,
-  null
-);
-const c = H.exports;
-/**
- * @copyright Copyright (c) 2018 John Molakvoæ <skjnldsv@protonmail.com>
- *
- * @author John Molakvoæ <skjnldsv@protonmail.com>
- *
- * @license AGPL-3.0-or-later
- *
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU Affero General Public License as
- * published by the Free Software Foundation, either version 3 of the
- * License, or (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU Affero General Public License for more details.
- *
- * You should have received a copy of the GNU Affero General Public License
- * along with this program. If not, see <http://www.gnu.org/licenses/>.
- *
- */
-h.ScopeComponent(c);
-module.exports = c;
+"use strict";
+const e = require("../chunks/NcDateTimePicker-4edYzlVf.cjs");
+module.exports = e.NcDateTimePicker;

package/dist/Components/NcDateTimePicker.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"NcDateTimePicker.cjs","sources":["../../node_modules/vue-material-design-icons/CalendarBlank.vue","../../node_modules/vue-material-design-icons/Web.vue","../../src/components/NcDateTimePicker/NcDateTimePicker.vue","../../src/components/NcDateTimePicker/index.js"],"sourcesContent":["<template>\n  <span v-bind=\"$attrs\"\n        :aria-hidden=\"!title\"\n        :aria-label=\"title\"\n        class=\"material-design-icon calendar-blank-icon\"\n        role=\"img\"\n        @click=\"$emit('click', $event)\">\n    <svg :fill=\"fillColor\"\n         class=\"material-design-icon__svg\"\n         :width=\"size\"\n         :height=\"size\"\n         viewBox=\"0 0 24 24\">\n      <path d=\"M19,19H5V8H19M16,1V3H8V1H6V3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3H18V1\">\n        <title v-if=\"title\">{{ title }}</title>\n      </path>\n    </svg>\n  </span>\n</template>\n\n<script>\nexport default {\n  name: \"CalendarBlankIcon\",\n  emits: ['click'],\n  props: {\n    title: {\n      type: String,\n    },\n    fillColor: {\n      type: String,\n      default: \"currentColor\"\n    },\n    size: {\n      type: Number,\n      default: 24\n    }\n  }\n}\n</script>","<template>\n  <span v-bind=\"$attrs\"\n        :aria-hidden=\"!title\"\n        :aria-label=\"title\"\n        class=\"material-design-icon web-icon\"\n        role=\"img\"\n        @click=\"$emit('click', $event)\">\n    <svg :fill=\"fillColor\"\n         class=\"material-design-icon__svg\"\n         :width=\"size\"\n         :height=\"size\"\n         viewBox=\"0 0 24 24\">\n      <path d=\"M16.36,14C16.44,13.34 16.5,12.68 16.5,12C16.5,11.32 16.44,10.66 16.36,10H19.74C19.9,10.64 20,11.31 20,12C20,12.69 19.9,13.36 19.74,14M14.59,19.56C15.19,18.45 15.65,17.25 15.97,16H18.92C17.96,17.65 16.43,18.93 14.59,19.56M14.34,14H9.66C9.56,13.34 9.5,12.68 9.5,12C9.5,11.32 9.56,10.65 9.66,10H14.34C14.43,10.65 14.5,11.32 14.5,12C14.5,12.68 14.43,13.34 14.34,14M12,19.96C11.17,18.76 10.5,17.43 10.09,16H13.91C13.5,17.43 12.83,18.76 12,19.96M8,8H5.08C6.03,6.34 7.57,5.06 9.4,4.44C8.8,5.55 8.35,6.75 8,8M5.08,16H8C8.35,17.25 8.8,18.45 9.4,19.56C7.57,18.93 6.03,17.65 5.08,16M4.26,14C4.1,13.36 4,12.69 4,12C4,11.31 4.1,10.64 4.26,10H7.64C7.56,10.66 7.5,11.32 7.5,12C7.5,12.68 7.56,13.34 7.64,14M12,4.03C12.83,5.23 13.5,6.57 13.91,8H10.09C10.5,6.57 11.17,5.23 12,4.03M18.92,8H15.97C15.65,6.75 15.19,5.55 14.59,4.44C16.43,5.07 17.96,6.34 18.92,8M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z\">\n        <title v-if=\"title\">{{ title }}</title>\n      </path>\n    </svg>\n  </span>\n</template>\n\n<script>\nexport default {\n  name: \"WebIcon\",\n  emits: ['click'],\n  props: {\n    title: {\n      type: String,\n    },\n    fillColor: {\n      type: String,\n      default: \"currentColor\"\n    },\n    size: {\n      type: Number,\n      default: 24\n    }\n  }\n}\n</script>","<!--\n  - @copyright Copyright (c) 2018 John Molakvoæ <skjnldsv@protonmail.com>\n  -\n  - @author John Molakvoæ <skjnldsv@protonmail.com>\n  -\n  - @license GNU AGPL version 3 or any later version\n  -\n  - This program is free software: you can redistribute it and/or modify\n  - it under the terms of the GNU Affero General Public License as\n  - published by the Free Software Foundation, either version 3 of the\n  - License, or (at your option) any later version.\n  -\n  - This program is distributed in the hope that it will be useful,\n  - but WITHOUT ANY WARRANTY; without even the implied warranty of\n  - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n  - GNU Affero General Public License for more details.\n  -\n  - You should have received a copy of the GNU Affero General Public License\n  - along with this program. If not, see <http://www.gnu.org/licenses/>.\n  -\n  -->\n\n<docs>\n> We're wrapping the awesome datepicker library here https://github.com/mengxiong10/vue2-datepicker\n> Please check there for all the available options.\n\n### Defaults\n- cleareable: false\n- minute-step: 10\n\n### Example\n```vue\n<template>\n\t<span>\n\t\t<NcDateTimePicker\n\t\t\tv-model=\"time\"\n\t\t\ttype=\"datetime\" />\n\t\t{{ time }}\n\t</span>\n</template>\n<script>\nexport default {\n\tdata() {\n\t\treturn {\n\t\t\ttime: new Date('2022-10-10 10:10:10'),\n\t\t}\n\t},\n}\n</script>\n```\n\n### Example with confirm button\n```vue\n<template>\n\t<span>\n\t\t<NcDateTimePicker\n\t\t\tv-model=\"time\"\n\t\t\ttype=\"datetime\"\n\t\t\tconfirm />\n\t\t{{ time }}\n\t</span>\n</template>\n<script>\n\texport default {\n\t\tdata() {\n\t\t\treturn {\n\t\t\t\ttime: null,\n\t\t\t}\n\t\t},\n\t}\n</script>\n```\n\n### Range picker\n```vue\n<template>\n\t<span>\n\t\t<NcDateTimePicker\n\t\t\tv-model=\"time\"\n\t\t\trange\n\t\t\ttype=\"date\" />\n\t\t{{ time }}\n\t</span>\n</template>\n<script>\nexport default {\n\tdata() {\n\t\treturn {\n\t\t\ttime: null,\n\t\t}\n\t},\n}\n</script>\n```\n\n### Time zone aware date picker\n\nThe datepicker can optionally include a picker for the preferred time zone. The selected time does not factor in the\npicked time zone, but you will have to convert it yourself when necessary.\n\n```vue\n<template>\n\t<span>\n\t\t<NcDateTimePicker\n\t\t\tv-model=\"time\"\n\t\t\ttype=\"datetime\"\n\t\t\t:show-timezone-select=\"true\"\n\t\t\t:timezone-id.sync=\"tz\" /><br>\n\t\t{{ time }} | {{ tz }}\n\t</span>\n</template>\n<script>\nexport default {\n\tdata() {\n\t\treturn {\n\t\t\ttime: undefined,\n\t\t\ttz: 'Europe/Berlin',\n\t\t}\n\t},\n}\n</script>\n```\n</docs>\n\n<template>\n\t<DatePicker ref=\"datepicker\"\n\t\t:append-to-body=\"appendToBody\"\n\t\t:clearable=\"clearable\"\n\t\t:format=\"format ? format : formatTypeMap\"\n\t\t:formatter=\"internalFormatter\"\n\t\t:lang=\"lang ? lang : defaultLang\"\n\t\t:minute-step=\"minuteStep\"\n\t\t:placeholder=\"placeholder ? placeholder : defaultPlaceholder\"\n\t\t:popup-class=\"{ 'show-week-number': showWeekNumber }\"\n\t\t:show-week-number=\"showWeekNumber\"\n\t\t:type=\"type\"\n\t\t:value=\"value\"\n\t\tv-bind=\"$attrs\"\n\t\tv-on=\"$listeners\"\n\t\t@select-year=\"handleSelectYear\"\n\t\t@select-month=\"handleSelectMonth\"\n\t\t@update:value=\"$emit('update:value', value)\">\n\t\t<template #icon-calendar>\n\t\t\t<NcPopover v-if=\"showTimezoneSelect\"\n\t\t\t\tpopup-role=\"dialog\"\n\t\t\t\t:shown.sync=\"showTimezonePopover\"\n\t\t\t\tpopover-base-class=\"timezone-select__popper\">\n\t\t\t\t<template #trigger=\"{ attrs }\">\n\t\t\t\t\t<button class=\"datetime-picker-inline-icon\"\n\t\t\t\t\t\t:class=\"{'datetime-picker-inline-icon--highlighted': highlightTimezone}\"\n\t\t\t\t\t\tv-bind=\"attrs\"\n\t\t\t\t\t\t@mousedown.stop.prevent=\"() => {}\">\n\t\t\t\t\t\t<Web :size=\"20\" />\n\t\t\t\t\t</button>\n\t\t\t\t</template>\n\n\t\t\t\t<div role=\"dialog\"\n\t\t\t\t\t:aria-labelledby=\"timezoneDialogHeaderId\">\n\t\t\t\t\t<div class=\"timezone-popover-wrapper__label\">\n\t\t\t\t\t\t<strong :id=\"timezoneDialogHeaderId\">\n\t\t\t\t\t\t\t{{ t('Please select a time zone:') }}\n\t\t\t\t\t\t</strong>\n\t\t\t\t\t</div>\n\t\t\t\t\t<NcTimezonePicker v-model=\"tzVal\"\n\t\t\t\t\t\tclass=\"timezone-popover-wrapper__timezone-select\"\n\t\t\t\t\t\t@input=\"$emit('update:timezone-id', arguments[0])\" />\n\t\t\t\t</div>\n\t\t\t</NcPopover>\n\t\t\t<CalendarBlank v-else :size=\"20\" />\n\t\t</template>\n\t\t<template v-for=\"(_, slot) of $scopedSlots\" #[slot]=\"scope\">\n\t\t\t<slot :name=\"slot\" v-bind=\"scope\" />\n\t\t</template>\n\t</DatePicker>\n</template>\n\n<script>\nimport { t } from '../../l10n.js'\nimport GenRandomId from '../../utils/GenRandomId.js'\n\nimport NcTimezonePicker from '../NcTimezonePicker/index.js'\nimport NcPopover from '../NcPopover/index.js'\n\nimport CalendarBlank from 'vue-material-design-icons/CalendarBlank.vue'\nimport Web from 'vue-material-design-icons/Web.vue'\n\nimport {\n\tgetFirstDay,\n\tgetDayNames,\n\tgetDayNamesShort,\n\tgetDayNamesMin,\n\tgetMonthNames,\n\tgetMonthNamesShort,\n} from '@nextcloud/l10n'\n\nimport DatePicker from 'vue2-datepicker'\n\nconst formatMap = {\n\tdate: 'YYYY-MM-DD',\n\tdatetime: 'YYYY-MM-DD H:mm:ss',\n\tyear: 'YYYY',\n\tmonth: 'YYYY-MM',\n\ttime: 'H:mm:ss',\n\tweek: 'w',\n}\n\nexport default {\n\tname: 'NcDateTimePicker',\n\n\tcomponents: {\n\t\tCalendarBlank,\n\t\tDatePicker,\n\t\tNcPopover,\n\t\tNcTimezonePicker,\n\t\tWeb,\n\t},\n\n\tinheritAttrs: false,\n\n\tprops: {\n\t\tclearable: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\n\t\tminuteStep: {\n\t\t\ttype: Number,\n\t\t\tdefault: 10,\n\t\t},\n\n\t\ttype: {\n\t\t\ttype: String,\n\t\t\tdefault: 'date',\n\t\t},\n\n\t\tformat: {\n\t\t\ttype: String,\n\t\t\tdefault: null,\n\t\t},\n\n\t\tformatter: {\n\t\t\ttype: Object,\n\t\t\tdefault: null,\n\t\t},\n\n\t\tlang: {\n\t\t\ttype: Object,\n\t\t\tdefault: null,\n\t\t},\n\n\t\t/**\n\t\t * The value to initialize, but also two-way bind the selected date. The date is – like the `Date` object in\n\t\t * JavaScript – tied to UTC. The selected time zone does not have an influence of the selected time and date\n\t\t * value. You have to translate the time yourself when you want to factor in time zones.\n\t\t */\n\t\t// eslint-disable-next-line\n\t\tvalue: {\n\t\t\tdefault: () => new Date(),\n\t\t},\n\n\t\t/**\n\t\t * The preselected IANA time zone ID for the time zone picker, only relevant in combination with `:show-timezone-select=\"true\"`. Example: `Europe/Berlin`. The prop supports two-way binding through the .sync modifier.\n\t\t */\n\t\ttimezoneId: {\n\t\t\ttype: String,\n\t\t\tdefault: 'UTC',\n\t\t},\n\n\t\tshowTimezoneSelect: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\n\t\thighlightTimezone: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\n\t\tappendToBody: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\n\t\tshowWeekNumber: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\n\t\tplaceholder: {\n\t\t\ttype: String,\n\t\t\tdefault: null,\n\t\t},\n\t},\n\n\temits: [\n\t\t'update:value',\n\t\t'update:timezone-id',\n\t],\n\n\tsetup() {\n\t\treturn {\n\t\t\ttimezoneDialogHeaderId: `timezone-dialog-header-${GenRandomId()}`,\n\t\t}\n\t},\n\n\tdata() {\n\t\treturn {\n\t\t\tshowTimezonePopover: false,\n\t\t\ttzVal: this.timezoneId,\n\t\t}\n\t},\n\n\tcomputed: {\n\t\t/**\n\t\t * Datepicker language\n\t\t * https://github.com/mengxiong10/vue2-datepicker/blob/master/locale.md\n\t\t *\n\t\t * @return {object}\n\t\t */\n\t\tdefaultLang() {\n\t\t\treturn {\n\t\t\t\tformatLocale: {\n\t\t\t\t\tmonths: getMonthNames(),\n\t\t\t\t\tmonthsShort: getMonthNamesShort(),\n\t\t\t\t\tweekdays: getDayNames(),\n\t\t\t\t\tweekdaysShort: getDayNamesShort(),\n\t\t\t\t\tweekdaysMin: getDayNamesMin(),\n\t\t\t\t\t// 0 = sunday, 1 = monday\n\t\t\t\t\tfirstDayOfWeek: getFirstDay(),\n\t\t\t\t},\n\t\t\t\tmonthFormat: 'MMM',\n\t\t\t}\n\t\t},\n\n\t\t/**\n\t\t * Translated placeholder\n\t\t *\n\t\t * @return {string}\n\t\t */\n\t\tdefaultPlaceholder() {\n\t\t\tif (this.type === 'time') {\n\t\t\t\treturn t('Pick a time')\n\t\t\t}\n\t\t\tif (this.type === 'month') {\n\t\t\t\treturn t('Pick a month')\n\t\t\t}\n\t\t\tif (this.type === 'year') {\n\t\t\t\treturn t('Pick a year')\n\t\t\t}\n\t\t\tif (this.type === 'week') {\n\t\t\t\treturn t('Pick a week')\n\t\t\t}\n\t\t\tif (this.type === 'date') {\n\t\t\t\treturn t('Pick a date')\n\t\t\t}\n\t\t\treturn t('Pick a date and a time')\n\t\t},\n\n\t\t/**\n\t\t * If format is not provided, try to match the type\n\t\t * or fallback to 'date'\n\t\t *\n\t\t * @return {string}\n\t\t */\n\t\tformatTypeMap() {\n\t\t\treturn formatMap[this.type] ?? formatMap.date\n\t\t},\n\n\t\t/**\n\t\t * The formatter used for the vue-datepicker to fix nextcloud-libraries/nextcloud-vue#5044\n\t\t */\n\t\tinternalFormatter() {\n\t\t\t/**\n\t\t\t * Get the ISO week number of the date\n\t\t\t * @param {Date} date The date to format\n\t\t\t */\n\t\t\tconst getWeek = (date) => {\n\t\t\t\t// Adjust to nearest Thursday\n\t\t\t\tconst firstThursday = new Date(Date.UTC(date.getFullYear(), date.getMonth(), date.getDate()))\n\t\t\t\tfirstThursday.setUTCDate(firstThursday.getUTCDate() + 4 - (firstThursday.getUTCDay() || 7))\n\n\t\t\t\tconst yearStart = new Date(Date.UTC(firstThursday.getUTCFullYear(), 0, 1))\n\n\t\t\t\t// Full weeks to nearest Thursday\n\t\t\t\treturn Math.ceil((((firstThursday - yearStart) / 86400000) + 1) / 7)\n\t\t\t}\n\n\t\t\treturn {\n\t\t\t\tgetWeek,\n\t\t\t\t// allow to override it by users using the `formatter` prop\n\t\t\t\t...(this.formatter ?? {}),\n\t\t\t}\n\t\t},\n\t},\n\n\tmethods: {\n\t\tt,\n\n\t\thandleSelectYear(year) {\n\t\t\tconst value = this.$refs.datepicker.currentValue\n\t\t\tif (value) {\n\t\t\t\ttry {\n\t\t\t\t\tconst date = new Date(new Date(value).setFullYear(year))\n\t\t\t\t\tthis.$refs.datepicker.selectDate(date)\n\t\t\t\t} catch (error) {\n\t\t\t\t\tconsole.error('Invalid value', value, year)\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\n\t\thandleSelectMonth(month) {\n\t\t\tconst value = this.$refs.datepicker.currentValue\n\t\t\tif (value) {\n\t\t\t\ttry {\n\t\t\t\t\tconst date = new Date(new Date(value).setMonth(month))\n\t\t\t\t\tthis.$refs.datepicker.selectDate(date)\n\t\t\t\t} catch (error) {\n\t\t\t\t\tconsole.error('Invalid value', value, month)\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\n\t\t/**\n\t\t * Toggles the visibility of the time zone popover\n\t\t */\n\t\ttoggleTimezonePopover() {\n\t\t\tif (!this.showTimezoneSelect) {\n\t\t\t\t// Just a click on the icon, but not for time zones -> ignore\n\t\t\t\treturn\n\t\t\t}\n\n\t\t\tthis.showTimezonePopover = !this.showTimezonePopover\n\t\t},\n\t},\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.mx-datepicker :deep(.mx-input-wrapper .mx-input) {\n\tbackground-clip: border-box;\n}\n\n.datetime-picker-inline-icon {\n\topacity: .3;\n\tborder: none;\n\tbackground-color: transparent;\n\tborder-radius: 0;\n\tpadding: 0 !important;\n\tmargin: 0;\n\n\t&--highlighted {\n\t\topacity: .7;\n\t}\n\n\t&:focus,\n\t&:hover {\n\t\topacity: 1;\n\t}\n}\n</style>\n\n<style lang=\"scss\">\n// We overwrite the popover base class, so we can style\n// the popover for the timezone select only.\n.v-popper--theme-dropdown.v-popper__popper.timezone-select__popper .v-popper__wrapper {\n\tborder-radius: var(--border-radius-large);\n\n\t.v-popper__inner {\n\t\tpadding: 4px;\n\t\tborder-radius: var(--border-radius-large);\n\n\t\t.timezone-popover-wrapper {\n\t\t\t&__label {\n\t\t\t\tpadding: 4px 0;\n\t\t\t\tpadding-left: 14px; // Left-align with NcSelect text\n\t\t\t}\n\n\t\t\t// We overwrite the border radius of the input to account for the popover border-radius minus the padding\n\t\t\t&__timezone-select.v-select {\n\t\t\t\t.vs__dropdown-toggle {\n\t\t\t\t\tborder-radius: calc(var(--border-radius-large) - 4px);\n\t\t\t\t}\n\n\t\t\t\t&.vs--open {\n\t\t\t\t\t.vs__dropdown-toggle {\n\t\t\t\t\t\tborder-bottom-left-radius: 0;\n\t\t\t\t\t\tborder-bottom-right-radius: 0;\n\t\t\t\t\t}\n\t\t\t\t\t&.select--drop-up .vs__dropdown-toggle {\n\t\t\t\t\t\tborder-radius: 0 0 calc(var(--border-radius-large) - 4px) calc(var(--border-radius-large) - 4px);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n// TODO: This should be scoped or targeted by a specific selector, but the NcSelect component does not allow this yet.\n.vs__dropdown-menu--floating {\n\t// Higher z-index than the popover in which the NcSelect is located.\n\tz-index: 100001;\n}\n</style>\n","/**\n * @copyright Copyright (c) 2018 John Molakvoæ <skjnldsv@protonmail.com>\n *\n * @author John Molakvoæ <skjnldsv@protonmail.com>\n *\n * @license AGPL-3.0-or-later\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see <http://www.gnu.org/licenses/>.\n *\n */\nimport './index.scss'\nimport NcDateTimePicker from './NcDateTimePicker.vue'\nimport ScopeComponent from '../../utils/ScopeComponent.js'\n\nScopeComponent(NcDateTimePicker)\n\nexport default NcDateTimePicker\n"],"names":["_sfc_main$2","_sfc_main$1","formatMap","_sfc_main","CalendarBlank","DatePicker__default","NcPopover","NcTimezonePicker","Web","GenRandomId","l10n","_l10n","date","firstThursday","yearStart","year","value","month","ScopeComponent"],"mappings":"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","x_google_ignoreList":[0,1]}
+{"version":3,"file":"NcDateTimePicker.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/Components/NcDateTimePicker.mjs

@@ -1,310 +1,4 @@
-import "../assets/NcDateTimePicker-J_kGHwdu.css";
-import { r as c, H as u, a as n } from "../chunks/_l10n-tZEKUJRj.mjs";
-import { G as p } from "../chunks/GenRandomId-VodkdWbp.mjs";
-import { N as m } from "../chunks/NcTimezonePicker-Ue_mc4jo.mjs";
-import { N as d } from "../chunks/NcPopover-NyUZ2r7V.mjs";
-import { n as l } from "../chunks/_plugin-vue2_normalizer-u6G_3nkj.mjs";
-import { getMonthNames as f, getMonthNamesShort as h, getDayNames as _, getDayNamesShort as g, getDayNamesMin as y, getFirstDay as v } from "@nextcloud/l10n";
-import C from "vue2-datepicker";
-import { S as k } from "../chunks/ScopeComponent-9XNLQCuu.mjs";
-c(u);
-const w = {
-  name: "CalendarBlankIcon",
-  emits: ["click"],
-  props: {
-    title: {
-      type: String
-    },
-    fillColor: {
-      type: String,
-      default: "currentColor"
-    },
-    size: {
-      type: Number,
-      default: 24
-    }
-  }
-};
-var z = function() {
-  var e = this, t = e._self._c;
-  return t("span", e._b({ staticClass: "material-design-icon calendar-blank-icon", attrs: { "aria-hidden": !e.title, "aria-label": e.title, role: "img" }, on: { click: function(a) {
-    return e.$emit("click", a);
-  } } }, "span", e.$attrs, !1), [t("svg", { staticClass: "material-design-icon__svg", attrs: { fill: e.fillColor, width: e.size, height: e.size, viewBox: "0 0 24 24" } }, [t("path", { attrs: { d: "M19,19H5V8H19M16,1V3H8V1H6V3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3H18V1" } }, [e.title ? t("title", [e._v(e._s(e.title))]) : e._e()])])]);
-}, D = [], M = /* @__PURE__ */ l(
-  w,
-  z,
-  D,
-  !1,
-  null,
-  null,
-  null,
-  null
-);
-const b = M.exports, S = {
-  name: "WebIcon",
-  emits: ["click"],
-  props: {
-    title: {
-      type: String
-    },
-    fillColor: {
-      type: String,
-      default: "currentColor"
-    },
-    size: {
-      type: Number,
-      default: 24
-    }
-  }
-};
-var T = function() {
-  var e = this, t = e._self._c;
-  return t("span", e._b({ staticClass: "material-design-icon web-icon", attrs: { "aria-hidden": !e.title, "aria-label": e.title, role: "img" }, on: { click: function(a) {
-    return e.$emit("click", a);
-  } } }, "span", e.$attrs, !1), [t("svg", { staticClass: "material-design-icon__svg", attrs: { fill: e.fillColor, width: e.size, height: e.size, viewBox: "0 0 24 24" } }, [t("path", { attrs: { d: "M16.36,14C16.44,13.34 16.5,12.68 16.5,12C16.5,11.32 16.44,10.66 16.36,10H19.74C19.9,10.64 20,11.31 20,12C20,12.69 19.9,13.36 19.74,14M14.59,19.56C15.19,18.45 15.65,17.25 15.97,16H18.92C17.96,17.65 16.43,18.93 14.59,19.56M14.34,14H9.66C9.56,13.34 9.5,12.68 9.5,12C9.5,11.32 9.56,10.65 9.66,10H14.34C14.43,10.65 14.5,11.32 14.5,12C14.5,12.68 14.43,13.34 14.34,14M12,19.96C11.17,18.76 10.5,17.43 10.09,16H13.91C13.5,17.43 12.83,18.76 12,19.96M8,8H5.08C6.03,6.34 7.57,5.06 9.4,4.44C8.8,5.55 8.35,6.75 8,8M5.08,16H8C8.35,17.25 8.8,18.45 9.4,19.56C7.57,18.93 6.03,17.65 5.08,16M4.26,14C4.1,13.36 4,12.69 4,12C4,11.31 4.1,10.64 4.26,10H7.64C7.56,10.66 7.5,11.32 7.5,12C7.5,12.68 7.56,13.34 7.64,14M12,4.03C12.83,5.23 13.5,6.57 13.91,8H10.09C10.5,6.57 11.17,5.23 12,4.03M18.92,8H15.97C15.65,6.75 15.19,5.55 14.59,4.44C16.43,5.07 17.96,6.34 18.92,8M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z" } }, [e.title ? t("title", [e._v(e._s(e.title))]) : e._e()])])]);
-}, P = [], H = /* @__PURE__ */ l(
-  S,
-  T,
-  P,
-  !1,
-  null,
-  null,
-  null,
-  null
-);
-const $ = H.exports, i = {
-  date: "YYYY-MM-DD",
-  datetime: "YYYY-MM-DD H:mm:ss",
-  year: "YYYY",
-  month: "YYYY-MM",
-  time: "H:mm:ss",
-  week: "w"
-}, Y = {
-  name: "NcDateTimePicker",
-  components: {
-    CalendarBlank: b,
-    DatePicker: C,
-    NcPopover: d,
-    NcTimezonePicker: m,
-    Web: $
-  },
-  inheritAttrs: !1,
-  props: {
-    clearable: {
-      type: Boolean,
-      default: !1
-    },
-    minuteStep: {
-      type: Number,
-      default: 10
-    },
-    type: {
-      type: String,
-      default: "date"
-    },
-    format: {
-      type: String,
-      default: null
-    },
-    formatter: {
-      type: Object,
-      default: null
-    },
-    lang: {
-      type: Object,
-      default: null
-    },
-    /**
-     * The value to initialize, but also two-way bind the selected date. The date is – like the `Date` object in
-     * JavaScript – tied to UTC. The selected time zone does not have an influence of the selected time and date
-     * value. You have to translate the time yourself when you want to factor in time zones.
-     */
-    // eslint-disable-next-line
-    value: {
-      default: () => /* @__PURE__ */ new Date()
-    },
-    /**
-     * The preselected IANA time zone ID for the time zone picker, only relevant in combination with `:show-timezone-select="true"`. Example: `Europe/Berlin`. The prop supports two-way binding through the .sync modifier.
-     */
-    timezoneId: {
-      type: String,
-      default: "UTC"
-    },
-    showTimezoneSelect: {
-      type: Boolean,
-      default: !1
-    },
-    highlightTimezone: {
-      type: Boolean,
-      default: !1
-    },
-    appendToBody: {
-      type: Boolean,
-      default: !1
-    },
-    showWeekNumber: {
-      type: Boolean,
-      default: !1
-    },
-    placeholder: {
-      type: String,
-      default: null
-    }
-  },
-  emits: [
-    "update:value",
-    "update:timezone-id"
-  ],
-  setup() {
-    return {
-      timezoneDialogHeaderId: `timezone-dialog-header-${p()}`
-    };
-  },
-  data() {
-    return {
-      showTimezonePopover: !1,
-      tzVal: this.timezoneId
-    };
-  },
-  computed: {
-    /**
-     * Datepicker language
-     * https://github.com/mengxiong10/vue2-datepicker/blob/master/locale.md
-     *
-     * @return {object}
-     */
-    defaultLang() {
-      return {
-        formatLocale: {
-          months: f(),
-          monthsShort: h(),
-          weekdays: _(),
-          weekdaysShort: g(),
-          weekdaysMin: y(),
-          // 0 = sunday, 1 = monday
-          firstDayOfWeek: v()
-        },
-        monthFormat: "MMM"
-      };
-    },
-    /**
-     * Translated placeholder
-     *
-     * @return {string}
-     */
-    defaultPlaceholder() {
-      return this.type === "time" ? n("Pick a time") : this.type === "month" ? n("Pick a month") : this.type === "year" ? n("Pick a year") : this.type === "week" ? n("Pick a week") : this.type === "date" ? n("Pick a date") : n("Pick a date and a time");
-    },
-    /**
-     * If format is not provided, try to match the type
-     * or fallback to 'date'
-     *
-     * @return {string}
-     */
-    formatTypeMap() {
-      return i[this.type] ?? i.date;
-    },
-    /**
-     * The formatter used for the vue-datepicker to fix nextcloud-libraries/nextcloud-vue#5044
-     */
-    internalFormatter() {
-      return {
-        getWeek: (e) => {
-          const t = new Date(Date.UTC(e.getFullYear(), e.getMonth(), e.getDate()));
-          t.setUTCDate(t.getUTCDate() + 4 - (t.getUTCDay() || 7));
-          const a = new Date(Date.UTC(t.getUTCFullYear(), 0, 1));
-          return Math.ceil(((t - a) / 864e5 + 1) / 7);
-        },
-        // allow to override it by users using the `formatter` prop
-        ...this.formatter ?? {}
-      };
-    }
-  },
-  methods: {
-    t: n,
-    handleSelectYear(r) {
-      const e = this.$refs.datepicker.currentValue;
-      if (e)
-        try {
-          const t = new Date(new Date(e).setFullYear(r));
-          this.$refs.datepicker.selectDate(t);
-        } catch {
-          console.error("Invalid value", e, r);
-        }
-    },
-    handleSelectMonth(r) {
-      const e = this.$refs.datepicker.currentValue;
-      if (e)
-        try {
-          const t = new Date(new Date(e).setMonth(r));
-          this.$refs.datepicker.selectDate(t);
-        } catch {
-          console.error("Invalid value", e, r);
-        }
-    },
-    /**
-     * Toggles the visibility of the time zone popover
-     */
-    toggleTimezonePopover() {
-      this.showTimezoneSelect && (this.showTimezonePopover = !this.showTimezonePopover);
-    }
-  }
-};
-var N = function() {
-  var e = this, t = e._self._c;
-  return t("DatePicker", e._g(e._b({ ref: "datepicker", attrs: { "append-to-body": e.appendToBody, clearable: e.clearable, format: e.format ? e.format : e.formatTypeMap, formatter: e.internalFormatter, lang: e.lang ? e.lang : e.defaultLang, "minute-step": e.minuteStep, placeholder: e.placeholder ? e.placeholder : e.defaultPlaceholder, "popup-class": { "show-week-number": e.showWeekNumber }, "show-week-number": e.showWeekNumber, type: e.type, value: e.value }, on: { "select-year": e.handleSelectYear, "select-month": e.handleSelectMonth, "update:value": function(a) {
-    return e.$emit("update:value", e.value);
-  } }, scopedSlots: e._u([{ key: "icon-calendar", fn: function() {
-    return [e.showTimezoneSelect ? t("NcPopover", { attrs: { "popup-role": "dialog", shown: e.showTimezonePopover, "popover-base-class": "timezone-select__popper" }, on: { "update:shown": function(a) {
-      e.showTimezonePopover = a;
-    } }, scopedSlots: e._u([{ key: "trigger", fn: function({ attrs: a }) {
-      return [t("button", e._b({ staticClass: "datetime-picker-inline-icon", class: { "datetime-picker-inline-icon--highlighted": e.highlightTimezone }, on: { mousedown: function(o) {
-        return o.stopPropagation(), o.preventDefault(), (() => {
-        }).apply(null, arguments);
-      } } }, "button", a, !1), [t("Web", { attrs: { size: 20 } })], 1)];
-    } }], null, !1, 270852355) }, [t("div", { attrs: { role: "dialog", "aria-labelledby": e.timezoneDialogHeaderId } }, [t("div", { staticClass: "timezone-popover-wrapper__label" }, [t("strong", { attrs: { id: e.timezoneDialogHeaderId } }, [e._v(" " + e._s(e.t("Please select a time zone:")) + " ")])]), t("NcTimezonePicker", { staticClass: "timezone-popover-wrapper__timezone-select", on: { input: function(a) {
-      return e.$emit("update:timezone-id", arguments[0]);
-    } }, model: { value: e.tzVal, callback: function(a) {
-      e.tzVal = a;
-    }, expression: "tzVal" } })], 1)]) : t("CalendarBlank", { attrs: { size: 20 } })];
-  }, proxy: !0 }, e._l(e.$scopedSlots, function(a, o) {
-    return { key: o, fn: function(s) {
-      return [e._t(o, null, null, s)];
-    } };
-  })], null, !0) }, "DatePicker", e.$attrs, !1), e.$listeners));
-}, V = [], B = /* @__PURE__ */ l(
-  Y,
-  N,
-  V,
-  !1,
-  null,
-  "e1e1644e",
-  null,
-  null
-);
-const F = B.exports;
-/**
- * @copyright Copyright (c) 2018 John Molakvoæ <skjnldsv@protonmail.com>
- *
- * @author John Molakvoæ <skjnldsv@protonmail.com>
- *
- * @license AGPL-3.0-or-later
- *
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU Affero General Public License as
- * published by the Free Software Foundation, either version 3 of the
- * License, or (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU Affero General Public License for more details.
- *
- * You should have received a copy of the GNU Affero General Public License
- * along with this program. If not, see <http://www.gnu.org/licenses/>.
- *
- */
-k(F);
+import { N as f } from "../chunks/NcDateTimePicker-GHt3kJ7B.mjs";
 export {
-  F as default
+  f as default
 };