@athbnb/ui 0.0.2 → 0.0.3

package/dist/ui/DatePicker.js

@@ -0,0 +1,650 @@
+import { MONTH_NAMES as e, WEEKDAYS as t, compareDay as n, formatDateDisplay as r, getDaysInMonth as i, getFirstWeekdayOfMonth as a, isDayBetweenInclusive as o, parseBoundaryDate as s, parseFlexibleDateInput as c, sameDay as l, startOfDay as u, toISODateString as d } from "../utils/date-picker-utils.js";
+import { c as f } from "react/compiler-runtime";
+import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
+import * as g from "react";
+//#region src/ui/DatePicker.tsx
+function _(e) {
+	let t = f(3), { className: n } = e, r;
+	t[0] === Symbol.for("react.memo_cache_sentinel") ? (r = /* @__PURE__ */ m("path", { d: "M18 6L6 18M6 6l12 12" }), t[0] = r) : r = t[0];
+	let i;
+	return t[1] === n ? i = t[2] : (i = /* @__PURE__ */ m("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2",
+		className: n,
+		"aria-hidden": !0,
+		children: r
+	}), t[1] = n, t[2] = i), i;
+}
+function v(e) {
+	let t = f(2), { dir: n } = e, r;
+	return t[0] === n ? r = t[1] : (r = /* @__PURE__ */ m("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		viewBox: "0 0 24 24",
+		fill: "currentColor",
+		className: "w-3 h-3",
+		"aria-hidden": !0,
+		children: n === "left" ? /* @__PURE__ */ m("path", { d: "M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z" }) : /* @__PURE__ */ m("path", { d: "M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" })
+	}), t[0] = n, t[1] = r), r;
+}
+function y() {
+	let e = f(1), t;
+	return e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ h("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: "24",
+		height: "24",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2",
+		className: "min-w-6 min-h-6 shrink-0 text-red-500 pe-2",
+		"aria-hidden": !0,
+		children: [
+			/* @__PURE__ */ m("circle", {
+				cx: "12",
+				cy: "12",
+				r: "10"
+			}),
+			/* @__PURE__ */ m("line", {
+				x1: "12",
+				y1: "8",
+				x2: "12",
+				y2: "12"
+			}),
+			/* @__PURE__ */ m("line", {
+				x1: "12",
+				y1: "16",
+				x2: "12.01",
+				y2: "16"
+			})
+		]
+	}), e[0] = t) : t = e[0], t;
+}
+var b = 380, x = 320, S = g.forwardRef(function({ value: o, onChange: f, onBlur: v, autoFocus: y = !1, placeholder: S = "Select Date", min: C = null, max: w = null, disabled: T = !1, className: E = "", inputClassName: D = "", disabledDates: O = [], error: k = "", rangeStart: A = null, rangeEnd: j = null, valueFormat: M = "display", onOpenChange: N }, P) {
+	let [F, I] = g.useState(!1), [L, R] = g.useState(() => /* @__PURE__ */ new Date()), [z, B] = g.useState(null), [V, H] = g.useState(""), U = g.useRef(null), [W, ee] = g.useState(!1), [te, ne] = g.useState(!1), G = g.useCallback((e) => {
+		I((t) => {
+			let n = typeof e == "function" ? e(t) : e;
+			return n !== t && N?.(n), n;
+		});
+	}, [N]);
+	g.useImperativeHandle(P, () => ({
+		open: () => {
+			T || G(!0);
+		},
+		close: () => G(!1),
+		toggle: () => {
+			T || G((e) => !e);
+		}
+	})), g.useEffect(() => {
+		if (!F || !U.current) return;
+		let e = U.current.getBoundingClientRect(), t = window.innerHeight - e.bottom, n = window.innerWidth - e.left;
+		ee(t < b && e.top > b), ne(n < x && e.right > x);
+	}, [F]), g.useEffect(() => {
+		if (!F) return;
+		let e = (e) => {
+			U.current && !U.current.contains(e.target) && (G(!1), v?.());
+		};
+		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, [
+		F,
+		v,
+		G
+	]), g.useEffect(() => {
+		y && G(!0);
+	}, [y, G]);
+	let K = g.useMemo(() => s(C), [C]), q = g.useMemo(() => s(w), [w]), J = g.useCallback((e) => {
+		if (T) return !0;
+		let t = u(e);
+		if (K && t.getTime() < K.getTime() || q && t.getTime() > q.getTime()) return !0;
+		for (let e of O) {
+			let n = typeof e == "string" ? c(e) ?? s(e) : u(e);
+			if (n && t.getTime() === n.getTime()) return !0;
+		}
+		return !1;
+	}, [
+		T,
+		O,
+		K,
+		q
+	]);
+	g.useEffect(() => {
+		if (!o) {
+			B(null);
+			return;
+		}
+		let e = c(o);
+		if (!e) {
+			B(null);
+			return;
+		}
+		J(e) ? (H("Date is outside allowed range"), B(e)) : (H(""), B(e), R(new Date(e.getFullYear(), e.getMonth(), 1)));
+	}, [o]), g.useEffect(() => {
+		H(k);
+	}, [k]);
+	let re = g.useCallback((e) => {
+		f(M === "iso" ? d(e) : r(e));
+	}, [f, M]), ie = (e) => {
+		let t = new Date(L.getFullYear(), L.getMonth(), e);
+		if (J(t)) {
+			H("Date is outside allowed range");
+			return;
+		}
+		H(""), B(t), re(t), v?.(), G(!1);
+	}, ae = (e) => {
+		R((t) => {
+			let n = t.getFullYear(), r = t.getMonth();
+			return new Date(n, r + e, 1);
+		});
+	}, oe = (e) => {
+		R((t) => new Date(t.getFullYear() + e, t.getMonth(), 1));
+	}, Y = A ? c(A) : null, X = j ? c(j) : null, Z = () => {
+		let e = L.getFullYear(), t = L.getMonth(), r = i(e, t), o = a(e, t), s = [];
+		for (let e = 0; e < o; e++) s.push(/* @__PURE__ */ m("div", { className: "w-full h-9" }, `e-${e}`));
+		for (let i = 1; i <= r; i++) {
+			let r = new Date(e, t, i);
+			r.setHours(0, 0, 0, 0);
+			let a = J(r), o = l(r, z), c = l(r, /* @__PURE__ */ new Date()), u = !!(Y && l(r, Y)), d = !!(X && l(r, X)), f = Y != null && X != null && n(r, Y) > 0 && n(r, X) < 0, p = "relative z-10 w-full h-full flex items-center justify-center text-sm font-medium ";
+			a ? p += "text-gray-300 cursor-not-allowed" : u || d || o && !f ? p += "text-white font-bold" : f ? p += "text-black font-bold" : p += "text-secondary hover:bg-gray-100 rounded-full", s.push(/* @__PURE__ */ h("div", {
+				className: "relative w-full h-9 flex items-center justify-center cursor-pointer",
+				onClick: (e) => {
+					e.preventDefault(), a || ie(i);
+				},
+				children: [
+					f && !a ? /* @__PURE__ */ m("div", { className: "absolute inset-x-0 inset-y-0 bg-primary/20" }) : null,
+					u && !a ? /* @__PURE__ */ m("div", { className: `absolute inset-y-0 bg-primary left-0 right-0 ${X ? "rounded-l-md" : "rounded-md"}` }) : null,
+					d && !a ? /* @__PURE__ */ m("div", { className: `absolute inset-y-0 bg-primary left-0 right-0 ${Y ? "rounded-r-md" : "rounded-md"}` }) : null,
+					o && !u && !d && !a ? /* @__PURE__ */ m("div", { className: "absolute inset-0 m-auto w-8 h-8 rounded-full bg-primary" }) : null,
+					c && !o && !u && !d && !f ? /* @__PURE__ */ m("div", { className: "absolute inset-0 m-auto w-8 h-8 rounded-full border border-primary" }) : null,
+					/* @__PURE__ */ m("span", {
+						className: p,
+						children: i
+					})
+				]
+			}, i));
+		}
+		return s;
+	}, se = (e) => {
+		T || (e.key === "Enter" || e.key === " ") && (e.preventDefault(), G((e) => !e));
+	}, Q = z ? r(z) : null;
+	return /* @__PURE__ */ h("div", {
+		className: `relative ${E}`,
+		ref: U,
+		children: [
+			/* @__PURE__ */ m("div", {
+				onClick: () => !T && G((e) => !e),
+				onKeyDown: se,
+				tabIndex: T ? -1 : 0,
+				role: "button",
+				"aria-expanded": F,
+				"aria-haspopup": "dialog",
+				"aria-label": S,
+				className: `flex-1 text-sm sm:text-sm font-bold cursor-pointer text-left ${D} ${T ? "cursor-not-allowed opacity-50" : ""} ${Q ? "text-secondary" : "text-secondary/50"}`,
+				children: Q ?? S
+			}),
+			V ? /* @__PURE__ */ m("p", {
+				className: "text-red-500 text-xs mt-1",
+				children: V
+			}) : null,
+			F ? /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m("div", {
+				className: "fixed inset-0 bg-black/50 z-50 sm:hidden",
+				onClick: () => G(!1),
+				"aria-hidden": !0
+			}), /* @__PURE__ */ h("div", {
+				className: [
+					"z-50 bg-white border border-gray-200 shadow-lg p-4 sm:p-4",
+					"fixed left-0 right-0 bottom-0 rounded-t-xl rounded-br-none rounded-bl-none max-h-[80vh] overflow-y-auto",
+					"sm:absolute sm:inset-x-auto sm:bottom-auto sm:max-h-none sm:overflow-visible sm:rounded-lg sm:min-w-[280px] sm:max-w-[320px]",
+					te ? "sm:right-0 sm:left-auto" : "sm:left-0 sm:right-auto",
+					W ? "sm:bottom-full sm:mb-2" : "sm:top-full sm:mt-2"
+				].join(" "),
+				role: "dialog",
+				"aria-label": "Choose date",
+				onMouseDown: (e) => e.stopPropagation(),
+				children: [
+					/* @__PURE__ */ h("div", {
+						className: "flex items-center justify-between mb-4 sm:hidden",
+						children: [/* @__PURE__ */ m("h3", {
+							className: "text-lg font-semibold text-secondary",
+							children: "Select Date"
+						}), /* @__PURE__ */ m("button", {
+							type: "button",
+							onClick: () => G(!1),
+							className: "p-1 hover:bg-gray-100 rounded-full text-secondary",
+							"aria-label": "Close",
+							children: /* @__PURE__ */ m(_, { className: "w-5 h-5" })
+						})]
+					}),
+					/* @__PURE__ */ h("div", {
+						className: "flex items-center justify-between gap-2 mb-4 min-h-10",
+						children: [
+							/* @__PURE__ */ h("div", {
+								className: "flex items-center gap-3 shrink-0",
+								children: [/* @__PURE__ */ m("button", {
+									type: "button",
+									onClick: (e) => {
+										e.stopPropagation(), oe(-1);
+									},
+									className: "min-w-9 min-h-9 flex items-center justify-center p-1.5 hover:bg-gray-100 text-xl rounded text-secondary leading-none",
+									"aria-label": "Previous year",
+									children: "‹‹"
+								}), /* @__PURE__ */ m("button", {
+									type: "button",
+									onClick: (e) => {
+										e.stopPropagation(), ae(-1);
+									},
+									className: "min-w-9 min-h-9 flex items-center justify-center p-1.5 hover:bg-gray-100 text-xl rounded text-secondary leading-none",
+									"aria-label": "Previous month",
+									children: "‹"
+								})]
+							}),
+							/* @__PURE__ */ h("div", {
+								className: "font-semibold text-secondary text-sm sm:text-base px-2 text-center shrink min-w-0",
+								children: [
+									e[L.getMonth()],
+									" ",
+									L.getFullYear()
+								]
+							}),
+							/* @__PURE__ */ h("div", {
+								className: "flex items-center gap-3 shrink-0",
+								children: [/* @__PURE__ */ m("button", {
+									type: "button",
+									onClick: (e) => {
+										e.stopPropagation(), ae(1);
+									},
+									className: "min-w-9 min-h-9 flex items-center justify-center p-1.5 hover:bg-gray-100 text-xl rounded text-secondary leading-none",
+									"aria-label": "Next month",
+									children: "›"
+								}), /* @__PURE__ */ m("button", {
+									type: "button",
+									onClick: (e) => {
+										e.stopPropagation(), oe(1);
+									},
+									className: "min-w-9 min-h-9 flex items-center justify-center p-1.5 hover:bg-gray-100 text-xl rounded text-secondary leading-none",
+									"aria-label": "Next year",
+									children: "››"
+								})]
+							})
+						]
+					}),
+					/* @__PURE__ */ m("div", {
+						className: "grid grid-cols-7 gap-0 mb-2",
+						children: t.map((e) => /* @__PURE__ */ m("div", {
+							className: "text-xs text-secondary text-[14px] text-center font-semibold p-1",
+							children: e
+						}, e))
+					}),
+					/* @__PURE__ */ m("div", {
+						className: "grid grid-cols-7 gap-0",
+						children: Z()
+					})
+				]
+			})] }) : null
+		]
+	});
+});
+function C(e) {
+	let t = f(50), n, i, a, o, s, l, u, d, p, _, v, y;
+	t[0] === e ? (n = t[1], i = t[2], a = t[3], o = t[4], s = t[5], l = t[6], u = t[7], d = t[8], p = t[9], _ = t[10], v = t[11], y = t[12]) : ({label: s, name: n, value: l, onChange: a, onBlur: i, error: u, description: d, helperText: p, required: _, disabled: v, className: y, ...o} = e, t[0] = e, t[1] = n, t[2] = i, t[3] = a, t[4] = o, t[5] = s, t[6] = l, t[7] = u, t[8] = d, t[9] = p, t[10] = _, t[11] = v, t[12] = y);
+	let b = s === void 0 ? "" : s, x = l === void 0 ? "" : l, S = u === void 0 ? "" : u, C = d === void 0 ? "" : d, w = p === void 0 ? "" : p, T = _ === void 0 ? !1 : _, E = v === void 0 ? !1 : v, D = y === void 0 ? "" : y, [O, k] = g.useState(!1), A = O || !!x, j;
+	if (t[13] !== x) {
+		let e = x ? c(x) : null;
+		j = e ? r(e) : x, t[13] = x, t[14] = j;
+	} else j = t[14];
+	let M = j, N = `relative ${D}`, P = `flex items-center border sm:h-[48px] h-[42px] rounded-md transition-all bg-white ${S ? "border-red-500" : O ? "border border-primary" : "border border-primary/50"} ${E ? "bg-white cursor-not-allowed opacity-75" : "cursor-pointer"}`, F;
+	t[15] === E ? F = t[16] : (F = () => !E && k(!0), t[15] = E, t[16] = F);
+	let I;
+	t[17] !== E || t[18] !== M || t[19] !== O || t[20] !== n || t[21] !== i || t[22] !== a || t[23] !== o || t[24] !== x ? (I = O ? /* @__PURE__ */ m("input", {
+		id: n,
+		name: n,
+		type: "date",
+		value: x,
+		onChange: a,
+		onBlur: (e) => {
+			k(!1), i?.(e);
+		},
+		disabled: E,
+		autoFocus: !0,
+		className: "peer w-full h-full min-h-[42px] sm:min-h-[48px] px-3 py-2 text-base bg-transparent outline-none",
+		...o
+	}) : /* @__PURE__ */ m("div", {
+		className: "w-full px-3 flex items-center text-base text-secondary min-h-[42px] sm:min-h-[48px]",
+		children: x ? /* @__PURE__ */ m("span", {
+			className: "text-secondary",
+			children: M
+		}) : /* @__PURE__ */ m("span", {
+			className: "text-transparent select-none",
+			"aria-hidden": !0,
+			children: "."
+		})
+	}), t[17] = E, t[18] = M, t[19] = O, t[20] = n, t[21] = i, t[22] = a, t[23] = o, t[24] = x, t[25] = I) : I = t[25];
+	let L;
+	t[26] !== P || t[27] !== F || t[28] !== I ? (L = /* @__PURE__ */ m("div", {
+		className: P,
+		onClick: F,
+		children: I
+	}), t[26] = P, t[27] = F, t[28] = I, t[29] = L) : L = t[29];
+	let R = `absolute left-2 px-1 transition-all duration-300 ease-in-out bg-white sm:text-base text-sm pointer-events-none z-[1]
+          ${A ? "-top-2.5 text-sm! text-secondary bg-white font-bold" : "top-1/2 -translate-y-1/2 text-secondary/50"}
+          ${S ? "text-red-500!" : ""}
+        `, z;
+	t[30] === T ? z = t[31] : (z = T ? /* @__PURE__ */ m("span", {
+		className: "text-red-500 ml-0.5",
+		children: "*"
+	}) : null, t[30] = T, t[31] = z);
+	let B;
+	t[32] !== b || t[33] !== n || t[34] !== R || t[35] !== z ? (B = /* @__PURE__ */ h("label", {
+		htmlFor: n,
+		className: R,
+		children: [b, z]
+	}), t[32] = b, t[33] = n, t[34] = R, t[35] = z, t[36] = B) : B = t[36];
+	let V;
+	t[37] !== L || t[38] !== B ? (V = /* @__PURE__ */ h("div", {
+		className: "relative",
+		children: [L, B]
+	}), t[37] = L, t[38] = B, t[39] = V) : V = t[39];
+	let H;
+	t[40] === C ? H = t[41] : (H = C ? /* @__PURE__ */ m("div", {
+		className: "mt-1 sm:text-base text-sm text-secondary/60",
+		children: C
+	}) : null, t[40] = C, t[41] = H);
+	let U;
+	t[42] !== S || t[43] !== w ? (U = (S || w) && /* @__PURE__ */ m("p", {
+		className: `mt-1 text-xs ${S ? "text-red-500" : "text-secondary/50"}`,
+		children: S || w
+	}), t[42] = S, t[43] = w, t[44] = U) : U = t[44];
+	let W;
+	return t[45] !== N || t[46] !== V || t[47] !== H || t[48] !== U ? (W = /* @__PURE__ */ h("div", {
+		className: N,
+		children: [
+			V,
+			H,
+			U
+		]
+	}), t[45] = N, t[46] = V, t[47] = H, t[48] = U, t[49] = W) : W = t[49], W;
+}
+var w = g.forwardRef(function(e, t) {
+	let n = f(37), { placeholder: r, value: i, onChange: a, error: o, inputProps: s, label: c, labelClassName: l, description: u, descriptionClassName: d, leftComponent: p, rightComponent: g, className: _, containerClassName: v, errorClassName: b, min: x, max: S, step: C, disabled: w } = e, T = r === void 0 ? "Select date" : r, E;
+	n[0] === s ? E = n[1] : (E = s === void 0 ? {} : s, n[0] = s, n[1] = E);
+	let D = E, O = l === void 0 ? "" : l, k = d === void 0 ? "" : d, A = _ === void 0 ? "" : _, j = v === void 0 ? "" : v, M = b === void 0 ? "" : b, N = w === void 0 ? !1 : w, P;
+	n[2] !== c || n[3] !== O ? (P = c ? /* @__PURE__ */ m("label", {
+		className: `block text-sm sm:text-lg font-bold text-secondary mb-1 ${O}`,
+		children: c
+	}) : null, n[2] = c, n[3] = O, n[4] = P) : P = n[4];
+	let F;
+	n[5] !== u || n[6] !== k ? (F = u ? /* @__PURE__ */ m("div", {
+		className: `block text-xs sm:text-base text-secondary/50 mb-2 ${k}`,
+		children: u
+	}) : null, n[5] = u, n[6] = k, n[7] = F) : F = n[7];
+	let I = "flex items-center rounded-medium sm:rounded-primary md:rounded-medium lg:rounded-primary bg-white outline -outline-offset-1 outline-primary/50 has-[input:focus-within]:outline-1 has-[input:focus-within]:outline-offset-1 has-[input:focus-within]:outline-primary text-sm sm:text-base " + (N ? "opacity-50 " : "") + j, L;
+	n[8] === a ? L = n[9] : (L = (e) => a?.(e.currentTarget.value), n[8] = a, n[9] = L);
+	let R = "block min-w-0 grow sm:py-2.5 py-1.5 pr-3 pl-3 focus:outline-none text-[16px] sm:text-[14px] " + A, z;
+	n[10] !== N || n[11] !== D || n[12] !== S || n[13] !== x || n[14] !== T || n[15] !== t || n[16] !== C || n[17] !== L || n[18] !== R || n[19] !== i ? (z = /* @__PURE__ */ m("input", {
+		ref: t,
+		type: "date",
+		placeholder: T,
+		value: i,
+		onChange: L,
+		min: x,
+		max: S,
+		step: C,
+		disabled: N,
+		className: R,
+		...D
+	}), n[10] = N, n[11] = D, n[12] = S, n[13] = x, n[14] = T, n[15] = t, n[16] = C, n[17] = L, n[18] = R, n[19] = i, n[20] = z) : z = n[20];
+	let B;
+	n[21] !== o || n[22] !== g ? (B = o ? /* @__PURE__ */ m(y, {}) : g, n[21] = o, n[22] = g, n[23] = B) : B = n[23];
+	let V;
+	n[24] !== p || n[25] !== I || n[26] !== z || n[27] !== B ? (V = /* @__PURE__ */ h("div", {
+		className: I,
+		children: [
+			p,
+			z,
+			B
+		]
+	}), n[24] = p, n[25] = I, n[26] = z, n[27] = B, n[28] = V) : V = n[28];
+	let H;
+	n[29] !== o || n[30] !== M ? (H = o ? /* @__PURE__ */ m("div", {
+		className: "text-2xs font-semibold text-red-500 mt-0.75 pl-3 " + M,
+		children: o
+	}) : null, n[29] = o, n[30] = M, n[31] = H) : H = n[31];
+	let U;
+	return n[32] !== P || n[33] !== F || n[34] !== V || n[35] !== H ? (U = /* @__PURE__ */ h("div", {
+		className: "w-full",
+		children: [
+			P,
+			F,
+			V,
+			H
+		]
+	}), n[32] = P, n[33] = F, n[34] = V, n[35] = H, n[36] = U) : U = n[36], U;
+});
+function T(e) {
+	let t = f(42), { day: n, disabled: r, onClick: i, singleDay: a, rangeStart: o, rangeEnd: s, inRangeMiddle: c, displayInRange: u, displayStart: g, displayEnd: _ } = e, v;
+	t[0] === n ? v = t[1] : (v = l(n, /* @__PURE__ */ new Date()), t[0] = n, t[1] = v);
+	let y = v, b = y && !a && !o && !s && !c && !u, x = r ? "text-gray-400" : a || o ? "font-semibold text-white" : s || c ? "font-semibold text-secondary" : g || _ ? "font-semibold text-white" : u ? "font-semibold text-secondary" : y ? "font-bold text-primary" : "text-secondary", S = `relative w-full h-9 flex items-center justify-center ${r ? "cursor-not-allowed opacity-40" : "cursor-pointer"}`, C;
+	t[2] !== r || t[3] !== i ? (C = () => !r && i(), t[2] = r, t[3] = i, t[4] = C) : C = t[4];
+	let w;
+	t[5] === n ? w = t[6] : (w = d(n), t[5] = n, t[6] = w);
+	let T;
+	t[7] !== r || t[8] !== a ? (T = a && !r ? /* @__PURE__ */ m("span", { className: "absolute h-8 w-8 rounded-full bg-primary" }) : null, t[7] = r, t[8] = a, t[9] = T) : T = t[9];
+	let E;
+	t[10] !== r || t[11] !== o ? (E = o && !r ? /* @__PURE__ */ m("span", { className: "absolute inset-y-0 left-0 right-0 bg-primary rounded-l-md" }) : null, t[10] = r, t[11] = o, t[12] = E) : E = t[12];
+	let D;
+	t[13] !== r || t[14] !== c ? (D = c && !r ? /* @__PURE__ */ m("span", { className: "absolute inset-y-0 left-0 right-0 bg-primary/20" }) : null, t[13] = r, t[14] = c, t[15] = D) : D = t[15];
+	let O;
+	t[16] !== r || t[17] !== s ? (O = s && !r ? /* @__PURE__ */ m("span", { className: "absolute inset-y-0 left-0 right-0 bg-primary/20 rounded-r-md" }) : null, t[16] = r, t[17] = s, t[18] = O) : O = t[18];
+	let k;
+	t[19] !== _ || t[20] !== u || t[21] !== g || t[22] !== a ? (k = g && _ && u && !a ? /* @__PURE__ */ m("span", { className: "absolute inset-0 rounded-md border border-primary/40 bg-primary/5" }) : /* @__PURE__ */ h(p, { children: [
+		g ? /* @__PURE__ */ m("span", { className: "absolute inset-y-0 left-0 right-0 rounded-l-md border border-primary/30 bg-primary/10 border-r-0" }) : null,
+		_ ? /* @__PURE__ */ m("span", { className: "absolute inset-y-0 left-0 right-0 rounded-r-md border border-primary/30 bg-primary/10 border-l-0" }) : null,
+		u && !g && !_ ? /* @__PURE__ */ m("span", { className: "absolute inset-y-0 left-0 right-0 bg-primary/10 border-y border-primary/20" }) : null
+	] }), t[19] = _, t[20] = u, t[21] = g, t[22] = a, t[23] = k) : k = t[23];
+	let A;
+	t[24] === b ? A = t[25] : (A = b ? /* @__PURE__ */ m("span", { className: "absolute inset-0 m-auto h-8 w-8 rounded-full border border-primary pointer-events-none" }) : null, t[24] = b, t[25] = A);
+	let j = `relative z-10 text-sm ${x}`, M;
+	t[26] === n ? M = t[27] : (M = n.getDate(), t[26] = n, t[27] = M);
+	let N;
+	t[28] !== j || t[29] !== M ? (N = /* @__PURE__ */ m("span", {
+		className: j,
+		children: M
+	}), t[28] = j, t[29] = M, t[30] = N) : N = t[30];
+	let P;
+	return t[31] !== A || t[32] !== N || t[33] !== S || t[34] !== C || t[35] !== w || t[36] !== T || t[37] !== E || t[38] !== D || t[39] !== O || t[40] !== k ? (P = /* @__PURE__ */ h("div", {
+		className: S,
+		onClick: C,
+		title: w,
+		children: [
+			T,
+			E,
+			D,
+			O,
+			k,
+			A,
+			N
+		]
+	}), t[31] = A, t[32] = N, t[33] = S, t[34] = C, t[35] = w, t[36] = T, t[37] = E, t[38] = D, t[39] = O, t[40] = k, t[41] = P) : P = t[41], P;
+}
+function E(r) {
+	let p = f(58), { value: _, onChange: y, onMonthChange: b, minDate: x, maxDate: S, disablePast: C, displayRanges: w, cursorMonth: E, className: k } = r, A = _ === void 0 ? null : _, j = C === void 0 ? !0 : C, M;
+	p[0] === w ? M = p[1] : (M = w === void 0 ? [] : w, p[0] = w, p[1] = M);
+	let N = M, P = k === void 0 ? "" : k, F;
+	if (p[2] !== E) {
+		let e = u(E ? new Date(E) : /* @__PURE__ */ new Date());
+		F = new Date(e.getFullYear(), e.getMonth(), 1), p[2] = E, p[3] = F;
+	} else F = p[3];
+	let I = F, L;
+	p[4] === A ? L = p[5] : (L = () => A ? {
+		start: c(A.startDate) ?? /* @__PURE__ */ new Date(),
+		end: c(A.endDate) ?? /* @__PURE__ */ new Date()
+	} : null, p[4] = A, p[5] = L);
+	let [R, z] = g.useState(L), [B, V] = g.useState(I), [H, U] = g.useState(null), W, ee;
+	p[6] === E ? (W = p[7], ee = p[8]) : (W = () => {
+		if (E) {
+			let e = E;
+			V(new Date(e.getFullYear(), e.getMonth(), 1));
+		}
+	}, ee = [E], p[6] = E, p[7] = W, p[8] = ee), g.useEffect(W, ee);
+	let te, ne;
+	p[9] === A ? (te = p[10], ne = p[11]) : (te = () => {
+		if (!A) {
+			z(null);
+			return;
+		}
+		let e = c(A.startDate), t = c(A.endDate);
+		e && t && z({
+			start: e,
+			end: t
+		});
+	}, ne = [A], p[9] = A, p[10] = te, p[11] = ne), g.useEffect(te, ne);
+	let G;
+	p[12] === y ? G = p[13] : (G = (e) => {
+		if (!e) {
+			y(null);
+			return;
+		}
+		y({
+			startDate: d(e.start),
+			endDate: d(e.end)
+		});
+	}, p[12] = y, p[13] = G);
+	let K = G, q;
+	p[14] !== j || p[15] !== S || p[16] !== x ? (q = (e) => {
+		let t = u(e);
+		if (j) {
+			let e = u(/* @__PURE__ */ new Date());
+			if (t.getTime() < e.getTime()) return !0;
+		}
+		let n = s(x), r = s(S);
+		return !!(n && t.getTime() < n.getTime() || r && t.getTime() > r.getTime());
+	}, p[14] = j, p[15] = S, p[16] = x, p[17] = q) : q = p[17];
+	let J = q, re;
+	p[18] !== K || p[19] !== J || p[20] !== R || p[21] !== H ? (re = (e) => {
+		if (!J(e)) {
+			if (!R || R.start && R.end && !H) {
+				U(e);
+				let t = u(e), n = {
+					start: t,
+					end: t
+				};
+				z(n), K(n);
+				return;
+			}
+			if (H) {
+				let t = u(H), r = u(e);
+				n(r, t) < 0 && ([t, r] = [r, t]);
+				let i = {
+					start: t,
+					end: r
+				};
+				z(i), U(null), K(i);
+			}
+		}
+	}, p[18] = K, p[19] = J, p[20] = R, p[21] = H, p[22] = re) : re = p[22];
+	let ie = re, ae;
+	p[23] === Symbol.for("react.memo_cache_sentinel") ? (ae = (e) => {
+		V((t) => new Date(t.getFullYear(), t.getMonth() + e, 1));
+	}, p[23] = ae) : ae = p[23];
+	let oe = ae, Y, X;
+	p[24] !== B || p[25] !== b ? (Y = () => {
+		b?.(B);
+	}, X = [B, b], p[24] = B, p[25] = b, p[26] = Y, p[27] = X) : (Y = p[26], X = p[27]), g.useEffect(Y, X);
+	let Z, se, Q, ce, le, $, ue;
+	if (p[28] !== P || p[29] !== B || p[30] !== N || p[31] !== ie || p[32] !== J || p[33] !== R) {
+		let r = B.getFullYear(), s = B.getMonth(), u = i(r, s), f = a(r, s), g = [];
+		for (let e = 1; e <= u; e++) g.push(new Date(r, s, e));
+		ue = `p-2 sm:p-4 w-full sm:max-w-fit flex justify-center sm:justify-start sm:gap-4 ${P}`, ce = "w-full sm:w-auto";
+		let _;
+		p[41] === Symbol.for("react.memo_cache_sentinel") ? (_ = () => oe(-1), p[41] = _) : _ = p[41];
+		let y;
+		p[42] === Symbol.for("react.memo_cache_sentinel") ? (y = /* @__PURE__ */ m("button", {
+			type: "button",
+			onClick: _,
+			className: "p-1.5 sm:p-1 hover:bg-primary/20 bg-primary/10 rounded-full w-8 h-8 flex items-center justify-center cursor-pointer text-primary",
+			"aria-label": "Previous month",
+			children: /* @__PURE__ */ m(v, { dir: "left" })
+		}), p[42] = y) : y = p[42];
+		let b;
+		p[43] === Symbol.for("react.memo_cache_sentinel") ? (b = () => oe(1), p[43] = b) : b = p[43];
+		let x;
+		p[44] === Symbol.for("react.memo_cache_sentinel") ? (x = /* @__PURE__ */ m("button", {
+			type: "button",
+			onClick: b,
+			className: "p-1.5 sm:p-1 hover:bg-primary/20 bg-primary/10 rounded-full w-8 h-8 flex items-center justify-center cursor-pointer text-primary",
+			"aria-label": "Next month",
+			children: /* @__PURE__ */ m(v, { dir: "right" })
+		}), p[44] = x) : x = p[44], le = /* @__PURE__ */ h("div", {
+			className: "flex items-center justify-between mb-4",
+			children: [
+				y,
+				/* @__PURE__ */ h("div", {
+					className: "font-bold text-secondary text-sm sm:text-base px-2",
+					children: [
+						e[s],
+						" ",
+						r
+					]
+				}),
+				x
+			]
+		}), p[45] === Symbol.for("react.memo_cache_sentinel") ? ($ = /* @__PURE__ */ m("div", {
+			className: "grid grid-cols-7 text-xs text-center mb-2",
+			children: t.map(O)
+		}), p[45] = $) : $ = p[45], Z = "grid grid-cols-7 gap-y-1 w-full sm:min-w-[21rem]", se = Array.from({ length: f }).map(D), Q = g.map((e) => {
+			let t = J(e), r = !1, i = !1, a = !1, s = !1;
+			if (R) {
+				let t = n(R.start, R.end) !== 0, o = l(e, R.start), c = l(e, R.end);
+				r = !t && o && c, i = t && o && !c, a = t && c && !o, s = t && n(e, R.start) > 0 && n(e, R.end) < 0;
+			}
+			let u = !1, f = !1, p = !1;
+			for (let t of N) {
+				let n = c(t.startDate), r = c(t.endDate);
+				n && r && (o(e, n, r) && (u = !0), l(e, n) && (f = !0), l(e, r) && (p = !0));
+			}
+			return /* @__PURE__ */ m(T, {
+				day: e,
+				singleDay: r,
+				rangeStart: i,
+				rangeEnd: a,
+				inRangeMiddle: s,
+				displayInRange: u,
+				displayStart: f,
+				displayEnd: p,
+				disabled: t,
+				onClick: () => ie(e)
+			}, d(e));
+		}), p[28] = P, p[29] = B, p[30] = N, p[31] = ie, p[32] = J, p[33] = R, p[34] = Z, p[35] = se, p[36] = Q, p[37] = ce, p[38] = le, p[39] = $, p[40] = ue;
+	} else Z = p[34], se = p[35], Q = p[36], ce = p[37], le = p[38], $ = p[39], ue = p[40];
+	let de;
+	p[46] !== Z || p[47] !== se || p[48] !== Q ? (de = /* @__PURE__ */ h("div", {
+		className: Z,
+		children: [se, Q]
+	}), p[46] = Z, p[47] = se, p[48] = Q, p[49] = de) : de = p[49];
+	let fe;
+	p[50] !== ce || p[51] !== le || p[52] !== $ || p[53] !== de ? (fe = /* @__PURE__ */ h("div", {
+		className: ce,
+		children: [
+			le,
+			$,
+			de
+		]
+	}), p[50] = ce, p[51] = le, p[52] = $, p[53] = de, p[54] = fe) : fe = p[54];
+	let pe;
+	return p[55] !== ue || p[56] !== fe ? (pe = /* @__PURE__ */ m("div", {
+		className: ue,
+		children: fe
+	}), p[55] = ue, p[56] = fe, p[57] = pe) : pe = p[57], pe;
+}
+function D(e, t) {
+	return /* @__PURE__ */ m("div", {}, `p-${t}`);
+}
+function O(e) {
+	return /* @__PURE__ */ m("div", {
+		className: "text-black font-bold",
+		children: e
+	}, e);
+}
+//#endregion
+export { S as DatePicker, C as DatePickerFloatingInput, w as DatePickerStacked, E as DateRangePicker };