@quidgest/ui 0.27.1 → 0.28.0

package/esm/components/QDateTimePicker/QDateTimePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QDateTimePicker.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QDateTimePicker/QDateTimePicker.vue"],"names":[],"mappings":"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"}
+{"version":3,"file":"QDateTimePicker.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QDateTimePicker/QDateTimePicker.vue"],"names":[],"mappings":"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"}

package/esm/components/QDateTimePicker/QDateTimePicker.vue.js

@@ -1,7 +1,7 @@
 import { useId as e } from "../../composables/useId/index.js";
-import { QButton as t } from "../QButton/index.js";
-import { QIcon as n } from "../QIcon/index.js";
-import { QOverlay as r } from "../QOverlay/index.js";
+import { QIcon as t } from "../QIcon/index.js";
+import { QOverlay as n } from "../QOverlay/index.js";
+import { QButton as r } from "../QButton/index.js";
 import { QTextField as i } from "../QTextField/index.js";
 import { DEFAULT_ICONS as a, DEFAULT_TEXTS as o, MONTH_NAMES as s, WEEKDAY_NAMES as ee } from "./constants.js";
 import { QSwitch as te } from "../QSwitch/index.js";
@@ -26,6 +26,10 @@ var Oe = {
 		required: { type: Boolean },
 		for: {},
 		labelPosition: {},
+		help: {},
+		helpDisplay: {},
+		icons: { default: () => a },
+		texts: { default: () => o },
 		size: {},
 		readonly: { type: Boolean },
 		disabled: { type: Boolean },
@@ -37,9 +41,7 @@ var Oe = {
 		},
 		clearable: { type: Boolean },
 		format: { default: "dd/MM/yyyy HH:mm" },
-		range: { type: Boolean },
-		icons: { default: () => a },
-		texts: { default: () => o }
+		range: { type: Boolean }
 	}, {
 		modelValue: {},
 		modelModifiers: {}
@@ -192,7 +194,7 @@ var Oe = {
 		}
 		let Vt = l(() => h.clearable && !h.readonly && !h.disabled && Bt(k.value));
 		function Ht() {
-			Vt.value && ($t(), k.value = void 0, P.value = "", ir());
+			Vt.value && ($t(), k.value = void 0, P.value = "", ar());
 		}
 		function Ut(e) {
 			!h.range || !J.value || !G.value || e.getFullYear() < E || e.getFullYear() > D || (q.value = new Date(e));
@@ -502,19 +504,19 @@ var Oe = {
 			}
 		}
 		function Rn() {
-			ir();
+			ar();
 		}
-		async function zn(e) {
+		function zn(e) {
 			if (e.key !== "Tab") return;
 			let t = In();
 			if (!t.length) return;
 			let n = t[0], r = t[t.length - 1], i = document.activeElement;
 			if (e.shiftKey) {
 				if (i !== n) return;
-				e.preventDefault(), Qe = !1, ir();
+				e.preventDefault(), Qe = !1, ar();
 				return;
 			}
-			i === r && (ir(), V = !1, N.value = !1);
+			i === r && (ar(), V = !1, N.value = !1);
 		}
 		async function Bn(e) {
 			if (Dn(), Qe) {
@@ -610,57 +612,60 @@ var Oe = {
 		async function rr(e) {
 			if (e.key !== "Escape") return;
 			if (B = !0, I.value === "date" || M.value) {
-				e.preventDefault(), N.value = !1, await v(), lr();
+				e.preventDefault(), N.value = !1, await v(), ur();
 				return;
 			}
 			e.preventDefault();
 			let t = I.value;
 			await $n(t);
 		}
-		function ir() {
+		function ir(e) {
+			rr(e);
+		}
+		function ar() {
 			Kn()?.focus();
 		}
-		function ar(e) {
+		function or(e) {
 			return !e || e === document.body || e === document.documentElement;
 		}
-		function or(e, t) {
+		function sr(e, t) {
 			return e.closest(".q-date-time-picker__menu") || t.closest(".q-date-time-picker")?.contains(e) || !(e instanceof HTMLElement) ? !1 : e.tabIndex >= 0 || e.matches("input, select, textarea, button, a[href], [tabindex]:not([tabindex=\"-1\"])");
 		}
-		function sr(e) {
+		function cr(e) {
 			let t = Kn();
-			return t ? e === t || !e || !e.isConnected || ar(e) || U.value?.contains(e) ? !0 : !or(e, t) : !1;
+			return t ? e === t || !e || !e.isConnected || or(e) || U.value?.contains(e) ? !0 : !sr(e, t) : !1;
 		}
-		function cr() {
+		function lr() {
 			if (V) return;
 			let e = Kn();
-			!e || !sr(document.activeElement) || (B = !0, e.focus());
+			!e || !cr(document.activeElement) || (B = !0, e.focus());
 		}
-		function lr() {
+		function ur() {
 			v().then(() => {
 				requestAnimationFrame(() => {
 					requestAnimationFrame(() => {
-						cr();
+						lr();
 					});
 				});
 			});
 		}
-		function ur() {
+		function dr() {
 			$e();
 			let e = V;
-			V = !1, !e && (B = !0, lr());
+			V = !1, !e && (B = !0, ur());
 		}
 		return w(k, () => {
 			W.value && (X(W.value.getMonth()), Y(W.value.getFullYear()));
 		}), w(N, (e, t) => {
 			if (e && t === !1 ? be("open") : !e && t === !0 && be("close"), M.value) {
-				$(), Jn(0), e ? (document.addEventListener("keydown", rr, { capture: !0 }), Zn()) : (t && (tn(), ur()), document.removeEventListener("keydown", rr, { capture: !0 }));
+				$(), Jn(0), e ? (document.addEventListener("keydown", ir, { capture: !0 }), Zn()) : (t && (tn(), dr()), document.removeEventListener("keydown", ir, { capture: !0 }));
 				return;
 			}
-			$t(), e ? (document.addEventListener("keydown", rr, { capture: !0 }), Zt(), Xn()) : (t && ur(), document.removeEventListener("keydown", rr, { capture: !0 }), $(), Jn(0));
+			$t(), e ? (document.addEventListener("keydown", ir, { capture: !0 }), Zt(), Xn()) : (t && dr(), document.removeEventListener("keydown", ir, { capture: !0 }), $(), Jn(0));
 		}), w(M, (e) => {
 			e && $(), N.value = !1, e && Jn(0), e ? Zn() : Qn();
 		}, { immediate: !0 }), Se(() => {
-			$(), document.removeEventListener("keydown", rr, { capture: !0 });
+			$(), document.removeEventListener("keydown", ir, { capture: !0 });
 		}), (e, a) => (b(), f(c, null, [m(S(i), _({
 			id: S(Ge),
 			ref: "field",
@@ -674,7 +679,11 @@ var Oe = {
 			placeholder: qe.value,
 			required: h.required,
 			size: h.size,
-			invalid: h.invalid
+			invalid: h.invalid,
+			help: h.help,
+			"help-display": h.helpDisplay,
+			icons: h.icons,
+			texts: h.texts
 		}, e.$attrs, {
 			onBlur: Bn,
 			"onClick:clear": Ht,
@@ -683,7 +692,7 @@ var Oe = {
 			onKeydown: Ln,
 			"onUpdate:modelValue": Tn
 		}), ye({
-			prepend: T(() => [m(S(n), _({ class: "q-date-time-picker__input-icon" }, It.value), null, 16)]),
+			prepend: T(() => [m(S(t), _({ class: "q-date-time-picker__input-icon" }, It.value), null, 16)]),
 			_: 2
 		}, [e.$slots.extras ? {
 			name: "extras",
@@ -701,8 +710,12 @@ var Oe = {
 			"placeholder",
 			"required",
 			"size",
-			"invalid"
-		]), !h.readonly && !h.disabled ? (b(), u(S(r), {
+			"invalid",
+			"help",
+			"help-display",
+			"icons",
+			"texts"
+		]), !h.readonly && !h.disabled ? (b(), u(S(n), {
 			key: 0,
 			"model-value": N.value,
 			anchor: et.value?.fieldRef,
@@ -726,16 +739,16 @@ var Oe = {
 				I.value === "date" ? (b(), f("div", Oe, [
 					d(" Header "),
 					p("div", ke, [
-						m(S(t), {
+						m(S(r), {
 							variant: "ghost",
 							disabled: !Nt.value,
 							title: h.texts.previousMonth,
 							onClick: Jt
 						}, {
-							default: T(() => [m(S(n), y(g(h.icons.back)), null, 16)]),
+							default: T(() => [m(S(t), y(g(h.icons.back)), null, 16)]),
 							_: 1
 						}, 8, ["disabled", "title"]),
-						m(S(t), {
+						m(S(r), {
 							ref: "monthHeader",
 							"data-testid": "q-date-time-picker-month-header",
 							variant: "ghost",
@@ -743,7 +756,7 @@ var Oe = {
 							title: h.texts.pickMonth,
 							onClick: tr
 						}, null, 8, ["label", "title"]),
-						m(S(t), {
+						m(S(r), {
 							ref: "yearHeader",
 							"data-testid": "q-date-time-picker-year-header",
 							variant: "ghost",
@@ -751,13 +764,13 @@ var Oe = {
 							title: h.texts.pickYear,
 							onClick: nr
 						}, null, 8, ["label", "title"]),
-						m(S(t), {
+						m(S(r), {
 							variant: "ghost",
 							disabled: !Pt.value,
 							title: h.texts.nextMonth,
 							onClick: Yt
 						}, {
-							default: T(() => [m(S(n), y(g(h.icons.forward)), null, 16)]),
+							default: T(() => [m(S(t), y(g(h.icons.forward)), null, 16)]),
 							_: 1
 						}, 8, ["disabled", "title"])
 					]),
@@ -773,9 +786,9 @@ var Oe = {
 						onFocusout: Gt,
 						onTouchstartPassive: Kt,
 						onTouchmovePassive: Kt
-					}, [(b(!0), f(c, null, Ce(yt.value, (e, n) => (b(), u(S(t), {
-						key: n,
-						"data-day-index": n,
+					}, [(b(!0), f(c, null, Ce(yt.value, (e, t) => (b(), u(S(r), {
+						key: t,
+						"data-day-index": t,
 						class: xe(["q-date-time-picker__day", {
 							"q-date-time-picker__day--other-month": !e.isCurrentMonth,
 							"q-date-time-picker__day--today": e.isToday,
@@ -824,13 +837,13 @@ var Oe = {
 					d(" Time Inputs "),
 					p("div", Pe, [
 						p("div", Fe, [
-							m(S(t), {
+							m(S(r), {
 								variant: "ghost",
 								title: h.texts.increaseHour,
 								"aria-label": h.texts.increaseHour,
 								onClick: (t) => ln(e - 1)
 							}, {
-								default: T(() => [m(S(n), _({ ref_for: !0 }, h.icons.up), null, 16)]),
+								default: T(() => [m(S(t), _({ ref_for: !0 }, h.icons.up), null, 16)]),
 								_: 1
 							}, 8, [
 								"title",
@@ -841,24 +854,28 @@ var Oe = {
 								class: "q-date-time-picker__time-number",
 								size: "small",
 								inputmode: "numeric",
+								icons: h.icons,
+								texts: h.texts,
 								"max-length": 2,
 								"aria-label": h.texts.hours,
 								"model-value": S(pe)(rn(e - 1)),
 								onKeydown: (t) => Sn(t, "hours", e - 1),
 								"onUpdate:modelValue": (t) => yn(t, e - 1)
 							}, null, 8, [
+								"icons",
+								"texts",
 								"aria-label",
 								"model-value",
 								"onKeydown",
 								"onUpdate:modelValue"
 							]),
-							m(S(t), {
+							m(S(r), {
 								variant: "ghost",
 								title: h.texts.decreaseHour,
 								"aria-label": h.texts.decreaseHour,
 								onClick: (t) => un(e - 1)
 							}, {
-								default: T(() => [m(S(n), _({ ref_for: !0 }, h.icons.down), null, 16)]),
+								default: T(() => [m(S(t), _({ ref_for: !0 }, h.icons.down), null, 16)]),
 								_: 1
 							}, 8, [
 								"title",
@@ -868,13 +885,13 @@ var Oe = {
 						]),
 						a[1] ||= p("div", { class: "q-date-time-picker__time-separator" }, ":", -1),
 						p("div", Ie, [
-							m(S(t), {
+							m(S(r), {
 								variant: "ghost",
 								title: h.texts.increaseMinute,
 								"aria-label": h.texts.increaseMinute,
 								onClick: (t) => dn(e - 1)
 							}, {
-								default: T(() => [m(S(n), _({ ref_for: !0 }, h.icons.up), null, 16)]),
+								default: T(() => [m(S(t), _({ ref_for: !0 }, h.icons.up), null, 16)]),
 								_: 1
 							}, 8, [
 								"title",
@@ -885,24 +902,28 @@ var Oe = {
 								class: "q-date-time-picker__time-number",
 								size: "small",
 								inputmode: "numeric",
+								icons: h.icons,
+								texts: h.texts,
 								"max-length": 2,
 								"aria-label": h.texts.minutes,
 								"model-value": S(pe)(an(e - 1)),
 								onKeydown: (t) => Sn(t, "minutes", e - 1),
 								"onUpdate:modelValue": (t) => bn(t, e - 1)
 							}, null, 8, [
+								"icons",
+								"texts",
 								"aria-label",
 								"model-value",
 								"onKeydown",
 								"onUpdate:modelValue"
 							]),
-							m(S(t), {
+							m(S(r), {
 								variant: "ghost",
 								title: h.texts.decreaseMinute,
 								"aria-label": h.texts.decreaseMinute,
 								onClick: (t) => fn(e - 1)
 							}, {
-								default: T(() => [m(S(n), _({ ref_for: !0 }, h.icons.down), null, 16)]),
+								default: T(() => [m(S(t), _({ ref_for: !0 }, h.icons.down), null, 16)]),
 								_: 1
 							}, 8, [
 								"title",
@@ -911,13 +932,13 @@ var Oe = {
 							])
 						]),
 						Je.value ? (b(), f(c, { key: 0 }, [a[0] ||= p("div", { class: "q-date-time-picker__time-separator" }, ":", -1), p("div", Le, [
-							m(S(t), {
+							m(S(r), {
 								variant: "ghost",
 								title: h.texts.increaseSecond,
 								"aria-label": h.texts.increaseSecond,
 								onClick: (t) => pn(e - 1)
 							}, {
-								default: T(() => [m(S(n), _({ ref_for: !0 }, h.icons.up), null, 16)]),
+								default: T(() => [m(S(t), _({ ref_for: !0 }, h.icons.up), null, 16)]),
 								_: 1
 							}, 8, [
 								"title",
@@ -928,24 +949,28 @@ var Oe = {
 								class: "q-date-time-picker__time-number",
 								size: "small",
 								inputmode: "numeric",
+								icons: h.icons,
+								texts: h.texts,
 								"max-length": 2,
 								"aria-label": h.texts.seconds,
 								"model-value": S(pe)(on(e - 1)),
 								onKeydown: (t) => Sn(t, "seconds", e - 1),
 								"onUpdate:modelValue": (t) => xn(t, e - 1)
 							}, null, 8, [
+								"icons",
+								"texts",
 								"aria-label",
 								"model-value",
 								"onKeydown",
 								"onUpdate:modelValue"
 							]),
-							m(S(t), {
+							m(S(r), {
 								variant: "ghost",
 								title: h.texts.decreaseSecond,
 								"aria-label": h.texts.decreaseSecond,
 								onClick: (t) => mn(e - 1)
 							}, {
-								default: T(() => [m(S(n), _({ ref_for: !0 }, h.icons.down), null, 16)]),
+								default: T(() => [m(S(t), _({ ref_for: !0 }, h.icons.down), null, 16)]),
 								_: 1
 							}, 8, [
 								"title",
@@ -954,17 +979,17 @@ var Oe = {
 							])
 						])], 64)) : d("v-if", !0)
 					])
-				], 8, Me))), 128))])], 2112)) : I.value === "month" ? (b(), f(c, { key: 2 }, [d(" Month View "), p("div", Re, [(b(!0), f(c, null, Ce(St.value, (e, n) => (b(), u(S(t), {
-					key: n,
+				], 8, Me))), 128))])], 2112)) : I.value === "month" ? (b(), f(c, { key: 2 }, [d(" Month View "), p("div", Re, [(b(!0), f(c, null, Ce(St.value, (e, t) => (b(), u(S(r), {
+					key: t,
 					ref_for: !0,
-					ref: (e) => ct(e, n),
+					ref: (e) => ct(e, t),
 					"data-testid": "q-date-time-picker-month-option",
-					"data-month-index": n,
-					disabled: L.value === n,
+					"data-month-index": t,
+					disabled: L.value === t,
 					label: e,
-					title: Ct(n),
+					title: Ct(t),
 					variant: "ghost",
-					onClick: () => X(n, !0)
+					onClick: () => X(t, !0)
 				}, null, 8, [
 					"data-month-index",
 					"disabled",
@@ -972,27 +997,27 @@ var Oe = {
 					"title",
 					"onClick"
 				]))), 128))])], 2112)) : I.value === "year" ? (b(), f(c, { key: 3 }, [d(" Year View "), p("div", ze, [p("div", Be, [
-					m(S(t), {
+					m(S(r), {
 						variant: "ghost",
 						disabled: !kt.value,
 						title: h.texts.previousYears,
 						onClick: Et
 					}, {
-						default: T(() => [m(S(n), y(g(h.icons.back)), null, 16)]),
+						default: T(() => [m(S(t), y(g(h.icons.back)), null, 16)]),
 						_: 1
 					}, 8, ["disabled", "title"]),
 					p("div", Ve, Te(Ot.value.startYear) + " - " + Te(Ot.value.endYear), 1),
-					m(S(t), {
+					m(S(r), {
 						variant: "ghost",
 						disabled: !At.value,
 						title: h.texts.nextYears,
 						onClick: Dt
 					}, {
-						default: T(() => [m(S(n), y(g(h.icons.forward)), null, 16)]),
+						default: T(() => [m(S(t), y(g(h.icons.forward)), null, 16)]),
 						_: 1
 					}, 8, ["disabled", "title"])
-				]), p("div", He, [(b(!0), f(c, null, Ce(Ft.value, (e, n) => (b(), u(S(t), {
-					key: n,
+				]), p("div", He, [(b(!0), f(c, null, Ce(Ft.value, (e, t) => (b(), u(S(r), {
+					key: t,
 					ref_for: !0,
 					ref: (t) => lt(t, e),
 					"data-testid": "q-date-time-picker-year-option",
@@ -1010,17 +1035,17 @@ var Oe = {
 					"onClick"
 				]))), 128))])])], 2112)) : d("v-if", !0),
 				p("div", Ue, [
-					M.value ? d("v-if", !0) : (b(), u(S(t), {
+					M.value ? d("v-if", !0) : (b(), u(S(r), {
 						key: 0,
 						variant: "ghost",
 						disabled: Ye.value,
 						title: h.texts.today,
 						onClick: Xt
 					}, {
-						default: T(() => [m(S(n), y(g(h.icons.today)), null, 16)]),
+						default: T(() => [m(S(t), y(g(h.icons.today)), null, 16)]),
 						_: 1
 					}, 8, ["disabled", "title"])),
-					A.value && I.value === "date" ? (b(), u(S(t), {
+					A.value && I.value === "date" ? (b(), u(S(r), {
 						key: 1,
 						ref: "toggleTime",
 						"data-testid": "q-date-time-picker-toggle-time",
@@ -1028,19 +1053,19 @@ var Oe = {
 						title: h.texts.toggleMode,
 						onClick: Zn
 					}, {
-						default: T(() => [m(S(n), y(g(h.icons.clock)), null, 16)]),
+						default: T(() => [m(S(t), y(g(h.icons.clock)), null, 16)]),
 						_: 1
-					}, 8, ["title"])) : I.value !== "date" && !M.value ? (b(), u(S(t), {
+					}, 8, ["title"])) : I.value !== "date" && !M.value ? (b(), u(S(r), {
 						key: 2,
 						"data-testid": "q-date-time-picker-toggle-date",
 						variant: "ghost",
 						title: h.texts.toggleMode,
 						onClick: er
 					}, {
-						default: T(() => [m(S(n), y(g(h.icons.calendar)), null, 16)]),
+						default: T(() => [m(S(t), y(g(h.icons.calendar)), null, 16)]),
 						_: 1
 					}, 8, ["title"])) : d("v-if", !0),
-					h.clearable ? (b(), u(S(t), {
+					h.clearable ? (b(), u(S(r), {
 						key: 3,
 						"data-testid": "q-date-time-picker-clear",
 						variant: "ghost",
@@ -1048,7 +1073,7 @@ var Oe = {
 						title: h.texts.clearValue,
 						onClick: Ht
 					}, {
-						default: T(() => [m(S(n), y(g(h.icons.delete)), null, 16)]),
+						default: T(() => [m(S(t), y(g(h.icons.delete)), null, 16)]),
 						_: 1
 					}, 8, ["disabled", "title"])) : d("v-if", !0)
 				])

package/esm/components/QDateTimePicker/constants.d.ts

@@ -26,6 +26,9 @@ export declare const DEFAULT_ICONS: {
     clear: {
         icon: string;
     };
+    help: {
+        icon: string;
+    };
 };
 export declare const DEFAULT_TEXTS: {
     today: string;
@@ -69,6 +72,7 @@ export declare const DEFAULT_TEXTS: {
     saturday: string;
     sunday: string;
     clearValue: string;
+    showHelp: string;
 };
 export declare const MONTH_NAMES: readonly ["january", "february", "march", "april", "may", "june", "july", "august", "september", "october", "november", "december"];
 export declare const WEEKDAY_NAMES: readonly ["monday", "tuesday", "wednesday", "thursday", "friday", "saturday", "sunday"];

package/esm/components/QDateTimePicker/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/QDateTimePicker/constants.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BY,CAAA;AAGtC,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0CQ,CAAA;AAElC,eAAO,MAAM,WAAW,qIAad,CAAA;AAEV,eAAO,MAAM,aAAa,yFAQhB,CAAA"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/QDateTimePicker/constants.ts"],"names":[],"mappings":"AAkBA,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4BY,CAAA;AAGtC,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4CQ,CAAA;AAElC,eAAO,MAAM,WAAW,qIAad,CAAA;AAEV,eAAO,MAAM,aAAa,yFAQhB,CAAA"}

package/esm/components/QDateTimePicker/constants.js

@@ -1,7 +1,11 @@
-import { DEFAULT_ICONS as e, DEFAULT_TEXTS as t } from "../__internal__/QClearButton/constants.js";
+import { DEFAULT_ICONS as e, DEFAULT_TEXTS as t } from "../QField/constants.js";
+import { DEFAULT_ICONS as n, DEFAULT_TEXTS as r } from "../__internal__/QClearButton/constants.js";
+import { DEFAULT_ICONS as i, DEFAULT_TEXTS as a } from "../QTextField/constants.js";
 //#region src/components/QDateTimePicker/constants.ts
-var n = {
+var o = {
 	...e,
+	...i,
+	...n,
 	calendar: { icon: "calendar" },
 	clock: { icon: "clock" },
 	today: { icon: "calendar-check" },
@@ -10,8 +14,10 @@ var n = {
 	up: { icon: "chevron-up" },
 	down: { icon: "chevron-down" },
 	delete: { icon: "delete" }
-}, r = {
+}, s = {
 	...t,
+	...a,
+	...r,
 	today: "Today",
 	toggleMode: "Toggle view mode",
 	previousYears: "Previous years",
@@ -52,7 +58,7 @@ var n = {
 	friday: "Friday",
 	saturday: "Saturday",
 	sunday: "Sunday"
-}, i = [
+}, c = [
 	"january",
 	"february",
 	"march",
@@ -65,7 +71,7 @@ var n = {
 	"october",
 	"november",
 	"december"
-], a = [
+], l = [
 	"monday",
 	"tuesday",
 	"wednesday",
@@ -75,4 +81,4 @@ var n = {
 	"sunday"
 ];
 //#endregion
-export { n as DEFAULT_ICONS, r as DEFAULT_TEXTS, i as MONTH_NAMES, a as WEEKDAY_NAMES };
+export { o as DEFAULT_ICONS, s as DEFAULT_TEXTS, c as MONTH_NAMES, l as WEEKDAY_NAMES };