@rebilly/revel 13.6.1 → 13.6.3

package/dist/components/r-date-input/r-range-calendar.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,116 @@
+import { DatePicker as e } from "../../vendor/@angelblanco/v-calendar/dist/es/index.mjs";
+/* empty css                                                   */
+import { getComputedPopoverConfigs as t, themeStyles as n } from "./shared-calendar-options.mjs";
+import r from "./r-date-range-button-group.vue.mjs";
+import { computed as i, createElementBlock as a, createVNode as o, defineComponent as s, mergeProps as c, openBlock as l, resolveComponent as u, unref as d, useAttrs as f, vShow as p, withCtx as m, withDirectives as h } from "vue";
+import g from "moment";
+//#region src/components/r-date-input/r-range-calendar.vue?vue&type=script&setup=true&lang.ts
+var _ = { class: "calendar" }, v = /*@__PURE__*/ s({
+	__name: "r-range-calendar",
+	props: {
+		modelValue: { default: () => /* @__PURE__ */ new Date() },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		is24hr: {
+			type: Boolean,
+			default: !1
+		},
+		timePicker: {
+			type: Boolean,
+			default: !1
+		},
+		timezone: { default: "UTC" },
+		placeholder: { default: "" }
+	},
+	emits: ["update:modelValue"],
+	setup(s, { emit: v }) {
+		function y(e) {
+			if (!e.start && !e.end) throw Error(`Invalid date range value ${JSON.stringify(e)})}`);
+		}
+		let b = s, x = v, S = f(), C = { input: "YYYY-MM-DD h:mm A" }, w = { ...b.timePicker ? {} : {
+			start: { timeAdjust: "00:00:00" },
+			end: { timeAdjust: "23:59:59" }
+		} }, T = t({ attrs: S }), E = i(() => {
+			if (!b.modelValue) return null;
+			let e = b.modelValue, { start: t, end: n } = e, r = (e) => typeof e == "string" ? e : e && "format" in e ? e.format() : e;
+			return {
+				...e,
+				start: r(t),
+				end: r(n)
+			};
+		}), D = i(() => {
+			if (!b.modelValue || typeof b.modelValue == "string" || b.modelValue instanceof Date) return;
+			y(b.modelValue);
+			let { start: e, end: t } = b.modelValue;
+			return {
+				start: new Date(e),
+				end: new Date(t)
+			};
+		}), O = i(() => b.timePicker ? "dateTime" : "date"), k = (e) => {
+			let t = !0, n = e.isRelative ?? !1, r = e.relativeFilterValue ?? null, i = g.isMoment(e.start) ? e.start : g(e.start).tz(b.timezone), a = g.isMoment(e.end) ? e.end : g(e.end).tz(b.timezone);
+			if (E.value) {
+				let { start: e, end: n } = E.value, r = g(e).tz(b.timezone), o = g(n).tz(b.timezone), s = b.timePicker ? null : "day";
+				t = !i.isSame(r, s) || !a.isSame(o, s);
+			}
+			if (t) {
+				let e = {
+					isRelative: n,
+					relativeFilterValue: r,
+					start: i.toDate(),
+					end: a.toDate()
+				};
+				x("update:modelValue", e);
+			}
+		};
+		return (t, i) => {
+			let f = u("r-input");
+			return l(), a("div", _, [h(o(f, {
+				disabled: s.disabled,
+				"right-icon": "calendar"
+			}, null, 8, ["disabled"]), [[p, s.disabled]]), o(d(e), c({
+				"is-range": "",
+				"model-value": D.value
+			}, t.$attrs, {
+				masks: C,
+				"theme-styles": d(n),
+				"show-caps": "",
+				"model-config": w,
+				color: "blue",
+				popover: d(T),
+				timezone: s.timezone,
+				mode: O.value,
+				"onUpdate:modelValue": k
+			}), {
+				default: m(({ togglePopover: e }) => [o(r, {
+					"model-value": E.value,
+					"calendar-toggle": e,
+					disabled: s.disabled,
+					"time-picker": s.timePicker,
+					timezone: s.timezone,
+					is24hr: s.is24hr,
+					placeholder: s.placeholder,
+					onPresetSelect: k
+				}, null, 8, [
+					"model-value",
+					"calendar-toggle",
+					"disabled",
+					"time-picker",
+					"timezone",
+					"is24hr",
+					"placeholder"
+				])]),
+				_: 1
+			}, 16, [
+				"model-value",
+				"theme-styles",
+				"popover",
+				"timezone",
+				"mode"
+			])]);
+		};
+	}
+});
+//#endregion
+export { v as default };

package/dist/components/r-date-input/shared-calendar-options.mjs

@@ -0,0 +1,41 @@
+//#region src/components/r-date-input/shared-calendar-options.ts
+var e = {
+	wrapper: {
+		background: "#FFFFFF",
+		borderRadius: "4px",
+		boxShadow: "none",
+		border: "none",
+		fontFamily: "\"Roboto\", sans-serif"
+	},
+	header: { padding: "16px 20px" },
+	headerTitle: {
+		fontSize: "16px",
+		lineHeight: "20px",
+		fontFamily: "\"Montserrat\", sans-serif",
+		fontWeight: "500",
+		color: "#0D2B3E"
+	},
+	weekdays: {
+		fontSize: "14px",
+		lineHeight: "20px",
+		color: "#6B7384",
+		fontWeight: "normal"
+	},
+	dayCell: { backgroundColor: "" },
+	dayContent: {
+		fontSize: "14px",
+		lineHeight: "20px",
+		color: "#0D2B3E",
+		width: "32px",
+		height: "32px"
+	},
+	dayContentHover: { backgroundColor: "#E1E7EA" },
+	verticalDivider: { borderLeft: "1px solid #E1E7EA" },
+	bars: { backgroundColor: "red" },
+	tintColor: "#DCE7FE"
+}, t = (e) => ({
+	placement: e.attrs.placement || "bottom",
+	visibility: "click"
+});
+//#endregion
+export { t as getComputedPopoverConfigs, e as themeStyles };

package/dist/components/r-date-range/components/calendar.vue.mjs

@@ -0,0 +1,5 @@
+import e from "./calendar.vue_vue_type_script_setup_true_lang.mjs";
+//#region src/components/r-date-range/components/calendar.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/components/r-date-range/components/calendar.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,80 @@
+import e from "../../r-icon/r-icon.vue.mjs";
+import t from "./month.vue.mjs";
+import { useCalendar as n } from "../use-calendar.mjs";
+import { Fragment as r, createBlock as i, createElementBlock as a, createElementVNode as o, createVNode as s, defineComponent as c, normalizeClass as l, openBlock as u, renderList as d, toDisplayString as f, toRef as p, unref as m, watch as h } from "vue";
+//#region src/components/r-date-range/components/calendar.vue?vue&type=script&setup=true&lang.ts
+var g = { class: "r-date-range-calendar-header" }, _ = { class: "r-date-range-calendar-nav" }, v = { class: "r-date-range-calendar-titles" }, y = { class: "r-date-range-calendar-nav" }, b = { class: "r-date-range-calendar-months" }, x = /*@__PURE__*/ c({
+	__name: "calendar",
+	props: {
+		columns: { default: 2 },
+		minDate: { default: void 0 },
+		maxDate: { default: void 0 },
+		timezone: { default: "UTC" },
+		navigateToDate: { default: void 0 },
+		isInRange: {},
+		isRangeStart: {},
+		isRangeEnd: {}
+	},
+	emits: ["date-click", "date-hover"],
+	setup(c, { emit: x }) {
+		let S = c, C = x, { displayedMonths: w, nextMonth: T, prevMonth: E, nextYear: D, prevYear: O, goToDate: k } = n({
+			timezone: S.timezone,
+			minDate: p(S, "minDate"),
+			maxDate: p(S, "maxDate"),
+			columns: p(S, "columns")
+		});
+		h(() => S.navigateToDate, (e) => {
+			e && k(e);
+		});
+		function A(e) {
+			C("date-click", e);
+		}
+		function j(e) {
+			C("date-hover", e);
+		}
+		return (n, c) => (u(), a("div", { class: l(["r-date-range-calendar", `r-date-range-calendar-cols-${S.columns}`]) }, [o("div", g, [
+			o("div", _, [o("button", {
+				type: "button",
+				class: "r-date-range-calendar-nav-btn",
+				"aria-label": "Previous year",
+				onClick: c[0] ||= (...e) => m(O) && m(O)(...e)
+			}, [s(e, { icon: "caret-double-left" })]), o("button", {
+				type: "button",
+				class: "r-date-range-calendar-nav-btn",
+				"aria-label": "Previous month",
+				onClick: c[1] ||= (...e) => m(E) && m(E)(...e)
+			}, [s(e, { icon: "caret-left" })])]),
+			o("div", v, [(u(!0), a(r, null, d(m(w), (e) => (u(), a("span", {
+				key: `title-${e.year}-${e.month}`,
+				class: "r-date-range-calendar-title"
+			}, f(e.name) + " " + f(e.year), 1))), 128))]),
+			o("div", y, [o("button", {
+				type: "button",
+				class: "r-date-range-calendar-nav-btn",
+				"aria-label": "Next month",
+				onClick: c[2] ||= (...e) => m(T) && m(T)(...e)
+			}, [s(e, { icon: "caret-right" })]), o("button", {
+				type: "button",
+				class: "r-date-range-calendar-nav-btn",
+				"aria-label": "Next year",
+				onClick: c[3] ||= (...e) => m(D) && m(D)(...e)
+			}, [s(e, { icon: "caret-double-right" })])])
+		]), o("div", b, [(u(!0), a(r, null, d(m(w), (e) => (u(), i(t, {
+			key: `${e.year}-${e.month}`,
+			month: e,
+			"show-header": !1,
+			"is-in-range": S.isInRange,
+			"is-range-start": S.isRangeStart,
+			"is-range-end": S.isRangeEnd,
+			onDateClick: A,
+			onDateHover: j
+		}, null, 8, [
+			"month",
+			"is-in-range",
+			"is-range-start",
+			"is-range-end"
+		]))), 128))])], 2));
+	}
+});
+//#endregion
+export { x as default };

package/dist/components/r-date-range/components/inputs.vue.mjs

@@ -0,0 +1,5 @@
+import e from "./inputs.vue_vue_type_script_setup_true_lang.mjs";
+//#region src/components/r-date-range/components/inputs.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/components/r-date-range/components/inputs.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,405 @@
+import e from "../../r-icon/r-icon.vue.mjs";
+import { Fragment as t, computed as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createVNode as o, defineComponent as s, nextTick as c, normalizeClass as l, onMounted as ee, onUnmounted as te, openBlock as u, ref as d, renderList as f, toDisplayString as p, vModelText as m, watch as h, withDirectives as g, withModifiers as _ } from "vue";
+//#region src/components/r-date-range/components/inputs.vue?vue&type=script&setup=true&lang.ts
+var ne = { class: "r-date-range-inputs" }, re = { class: "r-date-range-input-group" }, ie = { class: "r-date-range-input-row" }, ae = { class: "r-date-range-input-field" }, oe = { class: "r-date-range-input-field r-date-range-time-field" }, se = ["placeholder"], ce = {
+	key: 0,
+	class: "r-date-range-time-dropdown-list"
+}, le = ["onMousedown"], ue = {
+	key: 0,
+	class: "r-date-range-input-separator"
+}, de = { class: "r-date-range-input-group" }, fe = { class: "r-date-range-input-row" }, pe = { class: "r-date-range-input-field" }, me = { class: "r-date-range-input-field r-date-range-time-field" }, he = ["placeholder"], ge = {
+	key: 0,
+	class: "r-date-range-time-dropdown-list"
+}, _e = ["onMousedown"], v = /*@__PURE__*/ s({
+	__name: "inputs",
+	props: {
+		startDate: {},
+		endDate: {},
+		startTime: {},
+		endTime: {},
+		showTimePicker: {
+			type: Boolean,
+			default: !0
+		},
+		is24hr: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: [
+		"update:startDate",
+		"update:endDate",
+		"update:startTime",
+		"update:endTime"
+	],
+	setup(s, { emit: v }) {
+		let y = s, b = v;
+		function x(e) {
+			return ("0" + e).slice(-2);
+		}
+		function S(e, t, n) {
+			let r = parseInt(e, 10), i = parseInt(t, 10), a = parseInt(n, 10);
+			if (isNaN(r) || isNaN(i) || isNaN(a) || r < 1 || r > 12 || i < 1 || i > 31 || a < 1900 || a > 2100) return null;
+			let o = new Date(a, r - 1, i);
+			return o.getMonth() !== r - 1 || o.getDate() !== i ? null : o;
+		}
+		let C = d(""), w = d(""), T = d(""), E = d(""), D = d(""), O = d(""), k = d(""), A = d(""), j = d("AM"), M = d(""), N = d(""), P = d("PM"), F = d(null), I = d(null), L = d(null), R = d(null), z = d(null), B = d(null), V = n(() => {
+			let e = [];
+			for (let t = 0; t < 24; t++) for (let n = 0; n < 60; n += 30) e.push({
+				label: ve(t, n),
+				hours: t,
+				minutes: n
+			});
+			return e;
+		});
+		function ve(e, t) {
+			if (y.is24hr) return `${x(e)} : ${x(t)}`;
+			let n = e >= 12 ? "PM" : "AM";
+			return `${x(e % 12 || 12)} : ${x(t)} ${n}`;
+		}
+		h(() => y.startDate, (e) => {
+			e ? (C.value = x(e.getMonth() + 1), w.value = x(e.getDate()), T.value = e.getFullYear().toString()) : (C.value = "", w.value = "", T.value = "");
+		}, { immediate: !0 }), h(() => y.endDate, (e) => {
+			e ? (E.value = x(e.getMonth() + 1), D.value = x(e.getDate()), O.value = e.getFullYear().toString()) : (E.value = "", D.value = "", O.value = "");
+		}, { immediate: !0 }), h(() => y.startTime, (e) => {
+			if (y.is24hr) k.value = x(e.hours);
+			else {
+				let t = e.hours % 12 || 12;
+				k.value = x(t), j.value = e.hours >= 12 ? "PM" : "AM";
+			}
+			A.value = x(e.minutes);
+		}, {
+			immediate: !0,
+			deep: !0
+		}), h(() => y.endTime, (e) => {
+			if (y.is24hr) M.value = x(e.hours);
+			else {
+				let t = e.hours % 12 || 12;
+				M.value = x(t), P.value = e.hours >= 12 ? "PM" : "AM";
+			}
+			N.value = x(e.minutes);
+		}, {
+			immediate: !0,
+			deep: !0
+		});
+		function H() {
+			let e = S(C.value, w.value, T.value);
+			e ? b("update:startDate", e) : y.startDate ? (C.value = x(y.startDate.getMonth() + 1), w.value = x(y.startDate.getDate()), T.value = y.startDate.getFullYear().toString()) : (C.value = "", w.value = "", T.value = "", b("update:startDate", null));
+		}
+		function U() {
+			let e = S(E.value, D.value, O.value);
+			e ? b("update:endDate", e) : y.endDate ? (E.value = x(y.endDate.getMonth() + 1), D.value = x(y.endDate.getDate()), O.value = y.endDate.getFullYear().toString()) : (E.value = "", D.value = "", O.value = "", b("update:endDate", null));
+		}
+		function W() {
+			let e = parseInt(k.value, 10), t = parseInt(A.value, 10);
+			if (!(isNaN(e) || isNaN(t))) {
+				if (!y.is24hr) {
+					if (e < 1 || e > 12) return;
+					j.value === "PM" && e !== 12 ? e += 12 : j.value === "AM" && e === 12 && (e = 0);
+				} else if (e < 0 || e > 23) return;
+				t < 0 || t > 59 || b("update:startTime", {
+					hours: e,
+					minutes: t
+				});
+			}
+		}
+		function G() {
+			let e = parseInt(M.value, 10), t = parseInt(N.value, 10);
+			if (!(isNaN(e) || isNaN(t))) {
+				if (!y.is24hr) {
+					if (e < 1 || e > 12) return;
+					P.value === "PM" && e !== 12 ? e += 12 : P.value === "AM" && e === 12 && (e = 0);
+				} else if (e < 0 || e > 23) return;
+				t < 0 || t > 59 || b("update:endTime", {
+					hours: e,
+					minutes: t
+				});
+			}
+		}
+		function ye() {
+			C.value.length >= 2 && c(() => F.value?.focus());
+		}
+		function be() {
+			w.value.length >= 2 && c(() => I.value?.focus());
+		}
+		function xe() {
+			E.value.length >= 2 && c(() => L.value?.focus());
+		}
+		function Se() {
+			D.value.length >= 2 && c(() => R.value?.focus());
+		}
+		function Ce() {
+			k.value.length >= 2 && c(() => z.value?.focus());
+		}
+		function we() {
+			M.value.length >= 2 && c(() => B.value?.focus());
+		}
+		function Te() {
+			j.value = j.value === "AM" ? "PM" : "AM", W();
+		}
+		function Ee() {
+			P.value = P.value === "AM" ? "PM" : "AM", G();
+		}
+		let K = d(!1), q = d(!1), J = d(null), Y = d(null);
+		function X() {
+			K.value = !0, q.value = !1;
+		}
+		function Z() {
+			q.value = !0, K.value = !1;
+		}
+		function Q() {
+			K.value = !1;
+		}
+		function De() {
+			q.value = !1;
+		}
+		function Oe(e) {
+			b("update:startTime", {
+				hours: e.hours,
+				minutes: e.minutes
+			}), K.value = !1;
+		}
+		function ke(e) {
+			b("update:endTime", {
+				hours: e.hours,
+				minutes: e.minutes
+			}), q.value = !1;
+		}
+		function Ae(e) {
+			return y.startTime.hours === e.hours && y.startTime.minutes === e.minutes;
+		}
+		function je(e) {
+			return y.endTime.hours === e.hours && y.endTime.minutes === e.minutes;
+		}
+		function Me(e) {
+			let t = e.target;
+			J.value && !J.value.contains(t) && (K.value = !1), Y.value && !Y.value.contains(t) && (q.value = !1);
+		}
+		function $(e) {
+			!/^\d$/.test(e.key) && ![
+				"Backspace",
+				"Delete",
+				"Tab",
+				"ArrowLeft",
+				"ArrowRight"
+			].includes(e.key) && e.preventDefault();
+		}
+		return ee(() => {
+			document.addEventListener("click", Me);
+		}), te(() => {
+			document.removeEventListener("click", Me);
+		}), (n, s) => (u(), i("div", ne, [
+			a("div", re, [s[18] ||= a("label", { class: "r-date-range-input-label" }, "Start date", -1), a("div", ie, [a("div", ae, [
+				g(a("input", {
+					"onUpdate:modelValue": s[0] ||= (e) => C.value = e,
+					type: "text",
+					class: "r-date-range-segment r-date-range-segment-month",
+					placeholder: "MM",
+					maxlength: "2",
+					onInput: ye,
+					onBlur: H,
+					onKeydown: $
+				}, null, 544), [[m, C.value]]),
+				s[14] ||= a("span", { class: "r-date-range-segment-separator" }, "/", -1),
+				g(a("input", {
+					ref_key: "startDayRef",
+					ref: F,
+					"onUpdate:modelValue": s[1] ||= (e) => w.value = e,
+					type: "text",
+					class: "r-date-range-segment r-date-range-segment-day",
+					placeholder: "DD",
+					maxlength: "2",
+					onInput: be,
+					onBlur: H,
+					onKeydown: $
+				}, null, 544), [[m, w.value]]),
+				s[15] ||= a("span", { class: "r-date-range-segment-separator" }, "/", -1),
+				g(a("input", {
+					ref_key: "startYearRef",
+					ref: I,
+					"onUpdate:modelValue": s[2] ||= (e) => T.value = e,
+					type: "text",
+					class: "r-date-range-segment r-date-range-segment-year",
+					placeholder: "YYYY",
+					maxlength: "4",
+					onBlur: H,
+					onKeydown: $
+				}, null, 544), [[m, T.value]]),
+				o(e, {
+					icon: "calendar",
+					class: "r-date-range-input-icon r-icon-20"
+				})
+			]), y.showTimePicker ? (u(), i("div", {
+				key: 0,
+				ref_key: "startDropdownRef",
+				ref: J,
+				class: "r-date-range-time-dropdown"
+			}, [a("div", oe, [
+				g(a("input", {
+					"onUpdate:modelValue": s[3] ||= (e) => k.value = e,
+					type: "text",
+					class: "r-date-range-segment r-date-range-segment-hour",
+					placeholder: y.is24hr ? "HH" : "hh",
+					maxlength: "2",
+					onInput: Ce,
+					onFocus: X,
+					onBlur: s[4] ||= (e) => {
+						W(), Q();
+					},
+					onKeydown: $
+				}, null, 40, se), [[m, k.value]]),
+				s[16] ||= a("span", { class: "r-date-range-segment-separator" }, ":", -1),
+				g(a("input", {
+					ref_key: "startMinuteRef",
+					ref: z,
+					"onUpdate:modelValue": s[5] ||= (e) => A.value = e,
+					type: "text",
+					class: "r-date-range-segment r-date-range-segment-minute",
+					placeholder: "mm",
+					maxlength: "2",
+					onFocus: X,
+					onBlur: s[6] ||= (e) => {
+						W(), Q();
+					},
+					onKeydown: $
+				}, null, 544), [[m, A.value]]),
+				y.is24hr ? r("", !0) : (u(), i("button", {
+					key: 0,
+					type: "button",
+					class: "r-date-range-period-toggle",
+					onClick: Te
+				}, p(j.value), 1)),
+				s[17] ||= a("svg", {
+					class: "r-date-range-time-clock-icon r-icon-20",
+					viewBox: "0 0 20 20",
+					fill: "currentColor"
+				}, [a("circle", {
+					cx: "10",
+					cy: "10",
+					r: "8",
+					fill: "none",
+					stroke: "currentColor",
+					"stroke-width": "1.5"
+				}), a("path", {
+					d: "M10 5v5l3 2",
+					fill: "none",
+					stroke: "currentColor",
+					"stroke-width": "1.5",
+					"stroke-linecap": "round"
+				})], -1)
+			]), K.value ? (u(), i("div", ce, [(u(!0), i(t, null, f(V.value, (e) => (u(), i("button", {
+				key: `start-${e.hours}-${e.minutes}`,
+				type: "button",
+				class: l(["r-date-range-time-dropdown-item", { "r-is-selected": Ae(e) }]),
+				onMousedown: _((t) => Oe(e), ["prevent"])
+			}, p(e.label), 43, le))), 128))])) : r("", !0)], 512)) : r("", !0)])]),
+			y.showTimePicker ? (u(), i("span", ue, "-")) : r("", !0),
+			a("div", de, [s[23] ||= a("label", { class: "r-date-range-input-label" }, "End date", -1), a("div", fe, [a("div", pe, [
+				g(a("input", {
+					"onUpdate:modelValue": s[7] ||= (e) => E.value = e,
+					type: "text",
+					class: "r-date-range-segment r-date-range-segment-month",
+					placeholder: "MM",
+					maxlength: "2",
+					onInput: xe,
+					onBlur: U,
+					onKeydown: $
+				}, null, 544), [[m, E.value]]),
+				s[19] ||= a("span", { class: "r-date-range-segment-separator" }, "/", -1),
+				g(a("input", {
+					ref_key: "endDayRef",
+					ref: L,
+					"onUpdate:modelValue": s[8] ||= (e) => D.value = e,
+					type: "text",
+					class: "r-date-range-segment r-date-range-segment-day",
+					placeholder: "DD",
+					maxlength: "2",
+					onInput: Se,
+					onBlur: U,
+					onKeydown: $
+				}, null, 544), [[m, D.value]]),
+				s[20] ||= a("span", { class: "r-date-range-segment-separator" }, "/", -1),
+				g(a("input", {
+					ref_key: "endYearRef",
+					ref: R,
+					"onUpdate:modelValue": s[9] ||= (e) => O.value = e,
+					type: "text",
+					class: "r-date-range-segment r-date-range-segment-year",
+					placeholder: "YYYY",
+					maxlength: "4",
+					onBlur: U,
+					onKeydown: $
+				}, null, 544), [[m, O.value]]),
+				o(e, {
+					icon: "calendar",
+					class: "r-date-range-input-icon r-icon-20"
+				})
+			]), y.showTimePicker ? (u(), i("div", {
+				key: 0,
+				ref_key: "endDropdownRef",
+				ref: Y,
+				class: "r-date-range-time-dropdown"
+			}, [a("div", me, [
+				g(a("input", {
+					"onUpdate:modelValue": s[10] ||= (e) => M.value = e,
+					type: "text",
+					class: "r-date-range-segment r-date-range-segment-hour",
+					placeholder: y.is24hr ? "HH" : "hh",
+					maxlength: "2",
+					onInput: we,
+					onFocus: Z,
+					onBlur: s[11] ||= (e) => {
+						G(), De();
+					},
+					onKeydown: $
+				}, null, 40, he), [[m, M.value]]),
+				s[21] ||= a("span", { class: "r-date-range-segment-separator" }, ":", -1),
+				g(a("input", {
+					ref_key: "endMinuteRef",
+					ref: B,
+					"onUpdate:modelValue": s[12] ||= (e) => N.value = e,
+					type: "text",
+					class: "r-date-range-segment r-date-range-segment-minute",
+					placeholder: "mm",
+					maxlength: "2",
+					onFocus: Z,
+					onBlur: s[13] ||= (e) => {
+						G(), De();
+					},
+					onKeydown: $
+				}, null, 544), [[m, N.value]]),
+				y.is24hr ? r("", !0) : (u(), i("button", {
+					key: 0,
+					type: "button",
+					class: "r-date-range-period-toggle",
+					onClick: Ee
+				}, p(P.value), 1)),
+				s[22] ||= a("svg", {
+					class: "r-date-range-time-clock-icon r-icon-20",
+					viewBox: "0 0 20 20",
+					fill: "currentColor"
+				}, [a("circle", {
+					cx: "10",
+					cy: "10",
+					r: "8",
+					fill: "none",
+					stroke: "currentColor",
+					"stroke-width": "1.5"
+				}), a("path", {
+					d: "M10 5v5l3 2",
+					fill: "none",
+					stroke: "currentColor",
+					"stroke-width": "1.5",
+					"stroke-linecap": "round"
+				})], -1)
+			]), q.value ? (u(), i("div", ge, [(u(!0), i(t, null, f(V.value, (e) => (u(), i("button", {
+				key: `end-${e.hours}-${e.minutes}`,
+				type: "button",
+				class: l(["r-date-range-time-dropdown-item", { "r-is-selected": je(e) }]),
+				onMousedown: _((t) => ke(e), ["prevent"])
+			}, p(e.label), 43, _e))), 128))])) : r("", !0)], 512)) : r("", !0)])])
+		]));
+	}
+});
+//#endregion
+export { v as default };

package/dist/components/r-date-range/components/month.vue.mjs

@@ -0,0 +1,5 @@
+import e from "./month.vue_vue_type_script_setup_true_lang.mjs";
+//#region src/components/r-date-range/components/month.vue
+var t = e;
+//#endregion
+export { t as default };