@iyulab/flex-table 0.45.0 → 0.47.0

package/dist/{flex-table-Bv41ls8b.js → flex-table-h2noRChg.js}

@@ -2,11 +2,12 @@ import { n as e, t } from "./sorting-CjfjRxwL.js";
 import { LitElement as n, css as r, html as i, nothing as a } from "lit";
 import { customElement as o, property as s, state as c } from "lit/decorators.js";
 import { Locale as l } from "@iyulab/components/dist/utilities/Locale.js";
-import { dateTextPattern as u, formatDate as d, formatNumber as f, parseDate as p, parseDateTime as m, parseNumber as h } from "@iyulab/components/dist/utilities/format.js";
-import { decodeTsv as g, encodeTsv as _ } from "@iyulab/components/dist/utilities/tsv.js";
-import { isImeComposing as v } from "@iyulab/components/dist/utilities/keyboard.js";
+import { formatDate as u, formatNumber as d, parseDate as f, parseDateTime as p, parseNumber as m } from "@iyulab/components/dist/utilities/format.js";
+import { decodeTsv as h, encodeTsv as g } from "@iyulab/components/dist/utilities/tsv.js";
+import "@iyulab/components/dist/components/date-picker/UDatePicker.js";
+import { isImeComposing as _ } from "@iyulab/components/dist/utilities/keyboard.js";
 //#region src/styles/flex-table.styles.ts
-var y = r`
+var v = r`
   /* --- Theme Variables (Light defaults) --- */
   :host {
     --ft-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
@@ -306,6 +307,35 @@ var y = r`
 
   .ft-editor-number { text-align: right; }
 
+  /* 날짜 편집기(u-date-picker) — 텍스트 편집기와 같은 자리·여백·초점선으로 셀을 채운다. 테두리는
+     셀의 것이고, 달력은 피커 자신의 팝오버다. */
+  u-date-picker.ft-editor {
+    display: block;
+    padding: 0;
+    background: none;
+    --u-date-picker-display: block;
+    --u-date-picker-width: 100%;
+  }
+  u-date-picker.ft-editor:focus { outline: none; }
+  u-date-picker.ft-editor:focus-within {
+    outline: 2px solid var(--ft-active-color);
+    outline-offset: -2px;
+  }
+  u-date-picker.ft-editor::part(field) { height: 100%; }
+  u-date-picker.ft-editor::part(container) {
+    height: 100%;
+    min-height: 0;
+    border: none;
+    border-radius: 0;
+    box-shadow: none;
+    background: var(--ft-editor-bg);
+    padding: var(--ft-cell-padding-block) var(--ft-cell-padding-inline);
+  }
+  u-date-picker.ft-editor::part(input) {
+    font: inherit;
+    color: var(--ft-text-color);
+  }
+
   select.ft-editor {
     cursor: pointer;
     padding: 4px 6px;
@@ -537,6 +567,19 @@ var y = r`
     width: 50%;
   }
 
+  /* Date bounds stack: side by side, half of the dropdown is narrower than a date (and far narrower
+     than a date and a time) plus the calendar button. */
+  .ft-filter-range-dates {
+    flex-direction: column;
+    gap: 6px;
+  }
+
+  .ft-filter-date {
+    display: block;
+    width: 100%;
+    min-width: 0;
+  }
+
   .ft-filter-actions {
     margin-top: 6px;
     text-align: right;
@@ -974,13 +1017,13 @@ var y = r`
 `;
 //#endregion
 //#region src/renderers/format.ts
-function b(e, t) {
-	return e == null ? "" : typeof t == "function" ? t(e) : x(t) ? C(e, t) : S(e, t);
+function y(e, t) {
+	return e == null ? "" : typeof t == "function" ? t(e) : b(t) ? S(e, t) : x(e, t);
 }
-function x(e) {
+function b(e) {
 	return /[yMdHhms]/.test(e);
 }
-function S(e, t) {
+function x(e, t) {
 	let n = typeof e == "number" ? e : Number(e);
 	if (isNaN(n)) return String(e);
 	let r = t.endsWith("%"), i = t.match(/^([^#0.,%]+)/), a = i ? i[1] : "", o = t.replace(/^[^#0.,%]+/, "").replace(/%$/, ""), s = o.match(/\.([0#]+)$/), c = s ? s[1].length : 0, u = {
@@ -993,7 +1036,7 @@ function S(e, t) {
 		style: "percent"
 	}).format(n) : (d = new Intl.NumberFormat(l.get(), u).format(n), a && (d = a + d)), d + "";
 }
-function C(e, t) {
+function S(e, t) {
 	let n;
 	if (e instanceof Date) n = e;
 	else if (typeof e == "string" || typeof e == "number") n = new Date(e);
@@ -1004,26 +1047,26 @@ function C(e, t) {
 }
 //#endregion
 //#region src/renderers/cell-renderer.ts
-function w(e, t, n) {
-	return n.render ? n.render(e, t, n) : n.format ? typeof n.format == "function" ? n.format(e, t, n) : b(e, n.format) : T(e, n);
+function C(e, t, n) {
+	return n.render ? n.render(e, t, n) : n.format ? typeof n.format == "function" ? n.format(e, t, n) : y(e, n.format) : w(e, n);
 }
-function T(e, t) {
+function w(e, t) {
 	if (e == null) return "";
 	switch (t.type) {
-		case "number": return O(e);
+		case "number": return D(e);
 		case "boolean": return i`<span class="ft-bool">${e ? "✔" : ""}</span>`;
-		case "date": return ee(e);
-		case "datetime": return te(e);
-		case "select": return E(e, t);
+		case "date": return O(e);
+		case "datetime": return ee(e);
+		case "select": return T(e, t);
 		default: return String(e);
 	}
 }
-function E(e, t) {
+function T(e, t) {
 	if (!t.options || t.options.length === 0 || typeof t.options[0] == "string") return e == null ? "" : String(e);
 	let n = t.options.find((t) => t.value === e);
 	return n ? n.label : e == null ? "" : String(e);
 }
-var D = {
+var E = {
 	year: "numeric",
 	month: "numeric",
 	day: "numeric",
@@ -1031,14 +1074,14 @@ var D = {
 	minute: "numeric",
 	second: "numeric"
 };
+function D(e) {
+	return typeof e == "number" ? Number.isInteger(e) ? d(e) : d(e, { minimumFractionDigits: 1 }) : String(e);
+}
 function O(e) {
-	return typeof e == "number" ? Number.isInteger(e) ? f(e) : f(e, { minimumFractionDigits: 1 }) : String(e);
+	return e instanceof Date || typeof e == "string" ? u(e) : String(e);
 }
 function ee(e) {
-	return e instanceof Date || typeof e == "string" ? d(e) : String(e);
-}
-function te(e) {
-	return e instanceof Date || typeof e == "string" ? d(e, D) : String(e);
+	return e instanceof Date || typeof e == "string" ? u(e, E) : String(e);
 }
 //#endregion
 //#region src/locale.ts
@@ -1161,7 +1204,7 @@ k.register("en", {
 var A = (e, t) => k.text(e, t);
 //#endregion
 //#region src/core/selection.ts
-function ne(e) {
+function te(e) {
 	return {
 		startRow: Math.min(e.startRow, e.endRow),
 		startCol: Math.min(e.startCol, e.endCol),
@@ -1169,7 +1212,7 @@ function ne(e) {
 		endCol: Math.max(e.startCol, e.endCol)
 	};
 }
-var re = class {
+var ne = class {
 	constructor() {
 		this.activeCell = null, this.rangeAnchor = null, this.range = null, this.extraRanges = [], this._rowCount = 0, this._colCount = 0;
 	}
@@ -1196,7 +1239,7 @@ var re = class {
 		return e < 0 || e >= this._rowCount || t < 0 || t >= this._colCount ? this.activeCell : (!this.rangeAnchor && this.activeCell && (this.rangeAnchor = { ...this.activeCell }), this.activeCell = {
 			row: e,
 			col: t
-		}, this.rangeAnchor && (this.range = ne({
+		}, this.rangeAnchor && (this.range = te({
 			startRow: this.rangeAnchor.row,
 			startCol: this.rangeAnchor.col,
 			endRow: e,
@@ -1267,7 +1310,7 @@ var re = class {
 	shiftMoveRight() {
 		return this.activeCell ? this.setActiveWithRange(this.activeCell.row, this.activeCell.col + 1) : null;
 	}
-}, ie = class {
+}, re = class {
 	constructor() {
 		this.current = null;
 	}
@@ -1349,7 +1392,7 @@ var re = class {
 };
 //#endregion
 //#region src/core/filtering.ts
-function ae(e, t, n) {
+function ie(e, t, n) {
 	if (t.length === 0) return Array.from({ length: e.length }, (e, t) => t);
 	let r = [];
 	for (let i = 0; i < e.length; i++) {
@@ -1368,9 +1411,9 @@ function ae(e, t, n) {
 }
 //#endregion
 //#region src/core/undo.ts
-var oe = 100, M = class {
+var ae = 100, M = class {
 	constructor() {
-		this._undoStack = [], this._redoStack = [], this._maxSize = oe;
+		this._undoStack = [], this._redoStack = [], this._maxSize = ae;
 	}
 	get maxSize() {
 		return this._maxSize;
@@ -1407,7 +1450,7 @@ var oe = 100, M = class {
 };
 //#endregion
 //#region src/clipboard/clipboard.ts
-function se(e, t, n) {
+function oe(e, t, n) {
 	let r = [];
 	for (let i = n.startRow; i <= n.endRow; i++) {
 		let a = e[i], o = [];
@@ -1417,24 +1460,24 @@ function se(e, t, n) {
 		}
 		r.push(o);
 	}
-	return _(r);
+	return g(r);
 }
 function N(e, t) {
 	if (e === "") return null;
 	switch (t.type) {
 		case "number": {
-			let t = h(e);
+			let t = m(e);
 			if (t !== null) return t;
 			let n = Number(e.trim());
 			return e.trim() !== "" && Number.isFinite(n) ? n : e;
 		}
 		case "boolean": return e.toLowerCase() === "true" || e === "1";
-		case "date": return p(e) ?? e;
-		case "datetime": return m(e) ?? e;
+		case "date": return f(e) ?? e;
+		case "datetime": return p(e) ?? e;
 		default: return e;
 	}
 }
-function P(e) {
+function se(e) {
 	let t = String(e);
 	if (!Number.isFinite(e) || t.includes("e")) return t;
 	let n = new Intl.NumberFormat(l.get()).formatToParts(1.5).find((e) => e.type === "decimal")?.value;
@@ -1471,9 +1514,9 @@ function de(e) {
 	for (let n = 0; n < e.length; n++) t = ue[(t ^ e[n]) & 255] ^ t >>> 8;
 	return (t ^ 4294967295) >>> 0;
 }
-var F = new TextEncoder();
+var P = new TextEncoder();
 function fe(e) {
-	return I(e.map((e) => ({
+	return F(e.map((e) => ({
 		...e,
 		body: e.data,
 		method: 0
@@ -1493,7 +1536,7 @@ async function pe(e) {
 			method: 0
 		});
 	}
-	return I(t);
+	return F(t);
 }
 async function me(e) {
 	let t = new CompressionStream("deflate-raw"), n = t.writable.getWriter(), r = t.readable.getReader();
@@ -1504,29 +1547,29 @@ async function me(e) {
 		if (e) break;
 		i.push(t);
 	}
-	return L(i);
+	return I(i);
 }
-function I(e) {
+function F(e) {
 	let t = [], n = [], r = 0;
 	for (let i of e) {
-		let e = F.encode(i.name), a = de(i.data), o = i.data.length, s = i.body.length, c = i.method === 8 ? 20 : 10, l = new ArrayBuffer(30 + e.length), u = new DataView(l);
+		let e = P.encode(i.name), a = de(i.data), o = i.data.length, s = i.body.length, c = i.method === 8 ? 20 : 10, l = new ArrayBuffer(30 + e.length), u = new DataView(l);
 		u.setUint32(0, 67324752, !0), u.setUint16(4, c, !0), u.setUint16(6, 0, !0), u.setUint16(8, i.method, !0), u.setUint16(10, 0, !0), u.setUint16(12, 33, !0), u.setUint32(14, a, !0), u.setUint32(18, s, !0), u.setUint32(22, o, !0), u.setUint16(26, e.length, !0), u.setUint16(28, 0, !0), new Uint8Array(l, 30).set(e), t.push(new Uint8Array(l)), t.push(i.body);
 		let d = new ArrayBuffer(46 + e.length), f = new DataView(d);
 		f.setUint32(0, 33639248, !0), f.setUint16(4, 20, !0), f.setUint16(6, c, !0), f.setUint16(8, 0, !0), f.setUint16(10, i.method, !0), f.setUint16(12, 0, !0), f.setUint16(14, 33, !0), f.setUint32(16, a, !0), f.setUint32(20, s, !0), f.setUint32(24, o, !0), f.setUint16(28, e.length, !0), f.setUint16(30, 0, !0), f.setUint16(32, 0, !0), f.setUint16(34, 0, !0), f.setUint16(36, 0, !0), f.setUint32(38, 0, !0), f.setUint32(42, r, !0), new Uint8Array(d, 46).set(e), n.push(new Uint8Array(d)), r += 30 + e.length + s;
 	}
-	let i = L(n), a = /* @__PURE__ */ new ArrayBuffer(22), o = new DataView(a);
-	return o.setUint32(0, 101010256, !0), o.setUint16(4, 0, !0), o.setUint16(6, 0, !0), o.setUint16(8, e.length, !0), o.setUint16(10, e.length, !0), o.setUint32(12, i.length, !0), o.setUint32(16, r, !0), o.setUint16(20, 0, !0), L([
+	let i = I(n), a = /* @__PURE__ */ new ArrayBuffer(22), o = new DataView(a);
+	return o.setUint32(0, 101010256, !0), o.setUint16(4, 0, !0), o.setUint16(6, 0, !0), o.setUint16(8, e.length, !0), o.setUint16(10, e.length, !0), o.setUint32(12, i.length, !0), o.setUint32(16, r, !0), o.setUint16(20, 0, !0), I([
 		...t,
 		i,
 		new Uint8Array(a)
 	]);
 }
-function L(e) {
+function I(e) {
 	let t = e.reduce((e, t) => e + t.length, 0), n = new Uint8Array(t), r = 0;
 	for (let t of e) n.set(t, r), r += t.length;
 	return n;
 }
-function R(e) {
+function L(e) {
 	return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
 }
 function he(e) {
@@ -1534,7 +1577,7 @@ function he(e) {
 	for (e++; e > 0;) t = String.fromCharCode(64 + (e % 26 || 26)) + t, e = Math.floor((e - 1) / 26);
 	return t;
 }
-function z(e, t) {
+function R(e, t) {
 	return he(t) + (e + 1);
 }
 function ge(e) {
@@ -1543,13 +1586,13 @@ function ge(e) {
 }
 var _e = "<?xml version=\"1.0\" encoding=\"UTF-8\" standalone=\"yes\"?>\n<Types xmlns=\"http://schemas.openxmlformats.org/package/2006/content-types\">\n  <Default Extension=\"rels\" ContentType=\"application/vnd.openxmlformats-package.relationships+xml\"/>\n  <Default Extension=\"xml\" ContentType=\"application/xml\"/>\n  <Override PartName=\"/xl/workbook.xml\" ContentType=\"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet.main+xml\"/>\n  <Override PartName=\"/xl/worksheets/sheet1.xml\" ContentType=\"application/vnd.openxmlformats-officedocument.spreadsheetml.worksheet+xml\"/>\n  <Override PartName=\"/xl/styles.xml\" ContentType=\"application/vnd.openxmlformats-officedocument.spreadsheetml.styles+xml\"/>\n</Types>", ve = "<?xml version=\"1.0\" encoding=\"UTF-8\" standalone=\"yes\"?>\n<Relationships xmlns=\"http://schemas.openxmlformats.org/package/2006/relationships\">\n  <Relationship Id=\"rId1\" Type=\"http://schemas.openxmlformats.org/officeDocument/2006/relationships/officeDocument\" Target=\"xl/workbook.xml\"/>\n</Relationships>", ye = "<?xml version=\"1.0\" encoding=\"UTF-8\" standalone=\"yes\"?>\n<workbook xmlns=\"http://schemas.openxmlformats.org/spreadsheetml/2006/main\" xmlns:r=\"http://schemas.openxmlformats.org/officeDocument/2006/relationships\">\n  <sheets><sheet name=\"Sheet1\" sheetId=\"1\" r:id=\"rId1\"/></sheets>\n</workbook>", be = "<?xml version=\"1.0\" encoding=\"UTF-8\" standalone=\"yes\"?>\n<Relationships xmlns=\"http://schemas.openxmlformats.org/package/2006/relationships\">\n  <Relationship Id=\"rId1\" Type=\"http://schemas.openxmlformats.org/officeDocument/2006/relationships/worksheet\" Target=\"worksheets/sheet1.xml\"/>\n  <Relationship Id=\"rId2\" Type=\"http://schemas.openxmlformats.org/officeDocument/2006/relationships/styles\" Target=\"styles.xml\"/>\n</Relationships>", xe = "<?xml version=\"1.0\" encoding=\"UTF-8\" standalone=\"yes\"?>\n<styleSheet xmlns=\"http://schemas.openxmlformats.org/spreadsheetml/2006/main\">\n  <numFmts count=\"1\"><numFmt numFmtId=\"164\" formatCode=\"yyyy-mm-dd\"/></numFmts>\n  <fonts count=\"2\">\n    <font><sz val=\"11\"/><name val=\"Calibri\"/></font>\n    <font><sz val=\"11\"/><b/><name val=\"Calibri\"/></font>\n  </fonts>\n  <fills count=\"2\">\n    <fill><patternFill patternType=\"none\"/></fill>\n    <fill><patternFill patternType=\"gray125\"/></fill>\n  </fills>\n  <borders count=\"1\"><border><left/><right/><top/><bottom/><diagonal/></border></borders>\n  <cellStyleXfs count=\"1\"><xf numFmtId=\"0\" fontId=\"0\" fillId=\"0\" borderId=\"0\"/></cellStyleXfs>\n  <cellXfs count=\"3\">\n    <xf numFmtId=\"0\" fontId=\"0\" fillId=\"0\" borderId=\"0\" xfId=\"0\"/>\n    <xf numFmtId=\"164\" fontId=\"0\" fillId=\"0\" borderId=\"0\" xfId=\"0\" applyNumberFormat=\"1\"/>\n    <xf numFmtId=\"0\" fontId=\"1\" fillId=\"0\" borderId=\"0\" xfId=\"0\" applyFont=\"1\"/>\n  </cellXfs>\n</styleSheet>";
 function Se(e, t) {
-	let n = [], r = t.map((e, t) => `<c r="${z(0, t)}" t="str" s="2"><v>${R(e.label)}</v></c>`);
+	let n = [], r = t.map((e, t) => `<c r="${R(0, t)}" t="str" s="2"><v>${L(e.label)}</v></c>`);
 	return n.push(`<row r="1">${r.join("")}</row>`), e.forEach((e, r) => {
 		let i = t.map((t, n) => {
-			let i = z(r + 1, n), a = e[t.key];
+			let i = R(r + 1, n), a = e[t.key];
 			if (a == null) return `<c r="${i}" t="str"><v></v></c>`;
 			let o = t.type ?? "text";
-			return o === "number" && typeof a == "number" ? `<c r="${i}"><v>${a}</v></c>` : (o === "date" || o === "datetime") && a instanceof Date ? `<c r="${i}" s="1"><v>${ge(a).toFixed(6)}</v></c>` : o === "boolean" ? `<c r="${i}" t="b"><v>${+!!a}</v></c>` : `<c r="${i}" t="str"><v>${R(String(a))}</v></c>`;
+			return o === "number" && typeof a == "number" ? `<c r="${i}"><v>${a}</v></c>` : (o === "date" || o === "datetime") && a instanceof Date ? `<c r="${i}" s="1"><v>${ge(a).toFixed(6)}</v></c>` : o === "boolean" ? `<c r="${i}" t="b"><v>${+!!a}</v></c>` : `<c r="${i}" t="str"><v>${L(String(a))}</v></c>`;
 		});
 		n.push(`<row r="${r + 2}">${i.join("")}</row>`);
 	}), `<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
@@ -1558,61 +1601,61 @@ function Se(e, t) {
 </worksheet>`;
 }
 function Ce(e, t) {
-	return fe(B(e, t));
+	return fe(z(e, t));
 }
 function we(e, t) {
-	return pe(B(e, t));
+	return pe(z(e, t));
 }
-function B(e, t) {
+function z(e, t) {
 	let n = Se(e, t);
 	return [
 		{
 			name: "[Content_Types].xml",
-			data: F.encode(_e)
+			data: P.encode(_e)
 		},
 		{
 			name: "_rels/.rels",
-			data: F.encode(ve)
+			data: P.encode(ve)
 		},
 		{
 			name: "xl/workbook.xml",
-			data: F.encode(ye)
+			data: P.encode(ye)
 		},
 		{
 			name: "xl/_rels/workbook.xml.rels",
-			data: F.encode(be)
+			data: P.encode(be)
 		},
 		{
 			name: "xl/worksheets/sheet1.xml",
-			data: F.encode(n)
+			data: P.encode(n)
 		},
 		{
 			name: "xl/styles.xml",
-			data: F.encode(xe)
+			data: P.encode(xe)
 		}
 	];
 }
 //#endregion
 //#region src/export/export.ts
-function V(e, t, n) {
+function B(e, t, n) {
 	switch (n) {
-		case "csv": return H(e, t, ",");
-		case "tsv": return H(e, t, "	");
+		case "csv": return V(e, t, ",");
+		case "tsv": return V(e, t, "	");
 		case "json": return De(e, t);
 		case "xlsx": return Ce(e, t);
 	}
 }
 async function Te(e, t, n) {
-	let r = n === "xlsx" ? await we(e, t) : V(e, t, n);
+	let r = n === "xlsx" ? await we(e, t) : B(e, t, n);
 	return new Blob([r], { type: je(n) });
 }
 function Ee(e, t) {
 	return e == null ? "" : (t.type === "date" || t.type === "datetime") && e instanceof Date ? e.toISOString() : String(e);
 }
-function H(e, t, n) {
-	return [t.map((e) => U(e.label, n)).join(n), ...e.map((e) => t.map((t) => U(Ee(e[t.key], t), n)).join(n))].join("\n");
+function V(e, t, n) {
+	return [t.map((e) => H(e.label, n)).join(n), ...e.map((e) => t.map((t) => H(Ee(e[t.key], t), n)).join(n))].join("\n");
 }
-function U(e, t) {
+function H(e, t) {
 	return e.includes(t) || e.includes("\"") || e.includes("\n") || e.includes("\r") ? "\"" + e.replace(/"/g, "\"\"") + "\"" : e;
 }
 function De(e, t) {
@@ -1692,13 +1735,13 @@ async function Le(e) {
 	return r;
 }
 var Re = new TextDecoder("utf-8");
-function W(e) {
+function U(e) {
 	let t = Re.decode(e);
 	return new DOMParser().parseFromString(t, "application/xml");
 }
 function ze(e) {
 	if (!e) return [];
-	let t = W(e);
+	let t = U(e);
 	return Array.from(t.querySelectorAll("si")).map((e) => Array.from(e.querySelectorAll("t")).map((e) => e.textContent ?? "").join(""));
 }
 var Be = /* @__PURE__ */ new Set([
@@ -1728,7 +1771,7 @@ function Ve(e) {
 function He(e) {
 	let t = /* @__PURE__ */ new Set();
 	if (!e) return t;
-	let n = W(e), r = /* @__PURE__ */ new Map();
+	let n = U(e), r = /* @__PURE__ */ new Map();
 	for (let e of Array.from(n.querySelectorAll("numFmts > numFmt"))) r.set(parseInt(e.getAttribute("numFmtId") ?? "", 10), e.getAttribute("formatCode") ?? "");
 	return Array.from(n.querySelectorAll("cellXfs > xf")).forEach((e, n) => {
 		let i = parseInt(e.getAttribute("numFmtId") ?? "0", 10), a = r.get(i);
@@ -1737,14 +1780,14 @@ function He(e) {
 }
 function Ue(e) {
 	if (!e) return !1;
-	let t = W(e).querySelector("workbookPr")?.getAttribute("date1904");
+	let t = U(e).querySelector("workbookPr")?.getAttribute("date1904");
 	return t === "1" || t === "true";
 }
 function We(e, t) {
 	return new Date((t ? Date.UTC(1904, 0, 1) : Date.UTC(1899, 11, 30)) + Math.floor(e) * 864e5).toISOString().slice(0, 10);
 }
 function Ge(e, t, n, r) {
-	let i = W(e).querySelectorAll("row");
+	let i = U(e).querySelectorAll("row");
 	if (i.length === 0) return [];
 	let a = 0, o = /* @__PURE__ */ new Map();
 	for (let e of i) {
@@ -1799,12 +1842,12 @@ async function qe(e) {
 }
 //#endregion
 //#region src/models/types.ts
-function G(e) {
+function W(e) {
 	return e.align ? e.align : e.type === "number" ? "end" : e.type === "boolean" ? "center" : "start";
 }
 //#endregion
 //#region \0@oxc-project+runtime@0.152.0/helpers/esm/decorate.js
-function K(e, t, n, r) {
+function G(e, t, n, r) {
 	var i = arguments.length, a = i < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
 	if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(e, t, n, r);
 	else for (var s = e.length - 1; s >= 0; s--) (o = e[s]) && (a = (i < 3 ? o(a) : i > 3 ? o(t, n, a) : o(t, n)) || a);
@@ -1812,21 +1855,21 @@ function K(e, t, n, r) {
 }
 //#endregion
 //#region src/flex-table.ts
-var q = {
+var K = {
 	eq: "=",
 	neq: "≠",
 	gt: ">",
 	lt: "<",
 	gte: "≥",
 	lte: "≤"
-}, J = 120, Y = 40, X = 20, Z = 32, Q = 5, Je = 200, $ = class extends n {
+}, q = 120, J = 40, Y = 20, X = 32, Z = 5, Je = 200, Q = class extends n {
 	constructor(...e) {
-		super(...e), this.columns = [], this._data = [], this._inUndoRedo = !1, this.clearUndoOnDataChange = !1, this.clearSelectionOnDataChange = !1, this._rowHeightFromCss = Z, this._targetFloor = 0, this.showRowNumbers = !1, this.theme = void 0, this.maxRows = 0, this.editable = !0, this.showFilters = !1, this.showContextMenu = !1, this.frozenRows = 0, this.emptyMessage = "No data", this.noMatchingMessage = "No matching data", this.loading = !1, this.importEnabled = !1, this.selectable = !1, this.dataMode = "client", this.footerData = null, this.stylesheets = [], this._scrollTop = 0, this._scrollLeft = 0, this._viewportHeight = 0, this._viewportWidth = 0, this._colLeftOffsets = [], this._totalRowWidth = 0, this._baseStyleSheets = [], this._activeCell = null, this._editingCell = null, this._sortCriteria = [], this._selection = new re(), this._editing = new ie(), this._rowSelection = new j(), this._undo = new M(), this._filters = [], this._filteredIndices = [], this._sortedIndices = [], this._openFilterKey = null, this._rowSelectionVersion = 0, this._lastCheckboxRowIndex = null, this._checkboxShiftPending = !1, this._autocompleteState = null, this._headerMenu = null, this._bodyContextMenu = null, this._commentPopup = null, this._viewDirty = !0, this._isDragging = !1, this._wasDrag = !1, this._resizing = null, this._resizeCleanup = null, this._wasHeaderDrag = !1, this._wasRowDrag = !1, this._colDrag = null, this._colDragIndicatorLeft = null, this._fillDrag = null, this._rowDrag = null, this._rowDragIndicatorY = null, this._findState = null, this._columnWidths = /* @__PURE__ */ new Map(), this._hostResizeObserver = null, this._comments = /* @__PURE__ */ new Map(), this._isDragOver = !1, this._warnedUnconstrained = !1, this._onCommentPopupOutsideClick = () => {
+		super(...e), this.columns = [], this._data = [], this._inUndoRedo = !1, this.clearUndoOnDataChange = !1, this.clearSelectionOnDataChange = !1, this._rowHeightFromCss = X, this._targetFloor = 0, this.showRowNumbers = !1, this.theme = void 0, this.maxRows = 0, this.editable = !0, this.showFilters = !1, this.showContextMenu = !1, this.frozenRows = 0, this.emptyMessage = "No data", this.noMatchingMessage = "No matching data", this.loading = !1, this.importEnabled = !1, this.selectable = !1, this.dataMode = "client", this.footerData = null, this.stylesheets = [], this._scrollTop = 0, this._scrollLeft = 0, this._viewportHeight = 0, this._viewportWidth = 0, this._colLeftOffsets = [], this._totalRowWidth = 0, this._baseStyleSheets = [], this._activeCell = null, this._editingCell = null, this._sortCriteria = [], this._selection = new ne(), this._editing = new re(), this._rowSelection = new j(), this._undo = new M(), this._filters = [], this._filteredIndices = [], this._sortedIndices = [], this._openFilterKey = null, this._rowSelectionVersion = 0, this._lastCheckboxRowIndex = null, this._checkboxShiftPending = !1, this._autocompleteState = null, this._headerMenu = null, this._bodyContextMenu = null, this._commentPopup = null, this._viewDirty = !0, this._isDragging = !1, this._wasDrag = !1, this._resizing = null, this._resizeCleanup = null, this._wasHeaderDrag = !1, this._wasRowDrag = !1, this._colDrag = null, this._colDragIndicatorLeft = null, this._fillDrag = null, this._rowDrag = null, this._rowDragIndicatorY = null, this._findState = null, this._columnWidths = /* @__PURE__ */ new Map(), this._hostResizeObserver = null, this._comments = /* @__PURE__ */ new Map(), this._isDragOver = !1, this._warnedUnconstrained = !1, this._onCommentPopupOutsideClick = () => {
 			this._commitCommentPopup();
 		}, this._invalidCells = /* @__PURE__ */ new Map(), this._textFilterState = /* @__PURE__ */ new Map(), this._numberFilterState = /* @__PURE__ */ new Map(), this._dateFilterState = /* @__PURE__ */ new Map(), this._emptyFilterState = /* @__PURE__ */ new Map();
 	}
 	static {
-		this.styles = y;
+		this.styles = v;
 	}
 	get data() {
 		return this._data;
@@ -1836,7 +1879,7 @@ var q = {
 		this._data = e, n && !this._inUndoRedo && (this.clearUndoOnDataChange && this._undo.clear(), this.clearSelectionOnDataChange && this._rowSelection.selectedCount > 0 && (this._rowSelection.deselectAll(), this._rowSelectionVersion++, this._dispatchRowSelectionEvent())), this.requestUpdate("data", t);
 	}
 	get rowHeight() {
-		let e = this._rowHeightExplicit ?? this._rowHeightFromCss ?? Z;
+		let e = this._rowHeightExplicit ?? this._rowHeightFromCss ?? X;
 		return Math.max(e, this._targetFloor);
 	}
 	set rowHeight(e) {
@@ -2186,7 +2229,7 @@ var q = {
 	}
 	exportToString(e, t) {
 		let n = this._exportSlice(t);
-		return n ? V(n.rows, n.cols, e) : "";
+		return n ? B(n.rows, n.cols, e) : "";
 	}
 	async exportToBlob(e, t) {
 		let n = this._exportSlice(t) ?? {
@@ -2272,7 +2315,7 @@ var q = {
 			let t = await qe(await e.arrayBuffer());
 			this._applyImportedSheet(t);
 		} else if (t.endsWith(".csv") || t.endsWith(".tsv")) {
-			let t = await e.text(), n = g(t);
+			let t = await e.text(), n = h(t);
 			this._applyImportedRows(n);
 		} else console.warn(`flex-table importFromFile: unsupported file type "${e.name}"`);
 	}
@@ -2361,8 +2404,8 @@ var q = {
 		return this._columnWidths.get(e);
 	}
 	_getColWidth(e) {
-		let t = this._columnWidths.get(e.key) ?? e.width ?? J;
-		return Math.max(t, e.minWidth ?? Y);
+		let t = this._columnWidths.get(e.key) ?? e.width ?? q;
+		return Math.max(t, e.minWidth ?? J);
 	}
 	get headerHeight() {
 		return this.rowHeight + 8;
@@ -2388,10 +2431,10 @@ var q = {
 		return Math.max(0, this._visibleRowCount - this._frozenRowCount) * this.rowHeight;
 	}
 	get visibleRange() {
-		let e = this._frozenRowCount, t = e + Math.floor(Math.max(0, this._scrollTop) / this.rowHeight), n = Math.max(e, t - Q), r = Math.max(0, this._viewportHeight - this.headerHeight - this.frozenRowsHeight), i = Math.ceil(r / this.rowHeight) + 1;
+		let e = this._frozenRowCount, t = e + Math.floor(Math.max(0, this._scrollTop) / this.rowHeight), n = Math.max(e, t - Z), r = Math.max(0, this._viewportHeight - this.headerHeight - this.frozenRowsHeight), i = Math.ceil(r / this.rowHeight) + 1;
 		return {
 			start: n,
-			end: Math.min(this._visibleRowCount, t + i + Q)
+			end: Math.min(this._visibleRowCount, t + i + Z)
 		};
 	}
 	connectedCallback() {
@@ -2434,13 +2477,13 @@ var q = {
 			i = r;
 			break;
 		}
-		i = Math.max(0, i - Q);
+		i = Math.max(0, i - Z);
 		let a = e.length;
 		for (let e = i; e < t.length; e++) if (t[e] > r) {
 			a = e;
 			break;
 		}
-		return a = Math.min(e.length, a + Q), {
+		return a = Math.min(e.length, a + Z), {
 			start: i,
 			end: a
 		};
@@ -2461,7 +2504,7 @@ var q = {
 			this._filteredIndices = Array.from({ length: this.data.length }, (e, t) => t), this._sortedIndices = this._filteredIndices;
 			return;
 		}
-		if (this._filteredIndices = ae(this.data, this._filters, (e, t, n) => {
+		if (this._filteredIndices = ie(this.data, this._filters, (e, t, n) => {
 			this.dispatchEvent(new CustomEvent("filter-error", {
 				detail: {
 					error: e,
@@ -2484,7 +2527,16 @@ var q = {
 	_focusEditor() {
 		if (!this._editingCell) return;
 		let e = this.shadowRoot?.querySelector(".ft-editor");
-		e && document.activeElement !== e && (e.focus(), e.type === "text" && e.select());
+		if (e && this.shadowRoot.activeElement !== e) {
+			if (e.localName === "u-date-picker") {
+				let t = e;
+				t.updateComplete.then(() => {
+					t.isConnected && this.shadowRoot.activeElement !== t && (t.focus(), t.shadowRoot?.querySelector("[part~=\"input\"]")?.select());
+				});
+				return;
+			}
+			e.focus(), e.type === "text" && e.select();
+		}
 	}
 	_measureViewport() {
 		let e = this.clientHeight, t = this.clientWidth;
@@ -2619,6 +2671,21 @@ var q = {
 			} else this._cancelEdit();
 			return;
 		}
+		if (e.type === "date" || e.type === "datetime") {
+			let t = this.shadowRoot?.querySelector("u-date-picker.ft-editor");
+			if (!t) {
+				this._cancelEdit();
+				return;
+			}
+			if (t.validity?.badInput) {
+				let e = t.shadowRoot?.querySelector("[part~=\"input\"]")?.value ?? "";
+				this._applyEdit(e);
+				return;
+			}
+			let n = t.value || null;
+			this._applyEdit(n && e.type === "datetime" ? n.slice(0, 16) : n);
+			return;
+		}
 		let t = this.shadowRoot?.querySelector(".ft-editor");
 		if (t) {
 			let n = N(t.value, e);
@@ -2645,7 +2712,7 @@ var q = {
 			}));
 			return;
 		}
-		if (a.type === "number" && typeof e == "string" || a.type === "date" && typeof e == "string" && p(e) === null || a.type === "datetime" && typeof e == "string" && m(e) === null) {
+		if (a.type === "number" && typeof e == "string" || a.type === "date" && typeof e == "string" && f(e) === null || a.type === "datetime" && typeof e == "string" && p(e) === null) {
 			let t = A(a.type === "number" ? "notANumber" : a.type === "date" ? "notADate" : "notADateTime");
 			this._markCellInvalid(n, r, t), this.dispatchEvent(new CustomEvent("validation-error", {
 				detail: {
@@ -2710,7 +2777,9 @@ var q = {
 		}));
 	}
 	_onEditorKeyDown(e) {
-		if (!v(e)) {
+		if (_(e)) return;
+		let t = e.currentTarget;
+		if (!(t?.localName === "u-date-picker" && (e.composedPath().some((e) => e instanceof Element && e.part?.contains("popover")) || e.key === "Escape" && $(t)))) {
 			if (this._autocompleteState && this._autocompleteState.candidates.length > 0) {
 				if (e.key === "ArrowDown") {
 					e.preventDefault(), e.stopPropagation();
@@ -2766,7 +2835,7 @@ var q = {
 		this._activeCell = this._selection.activeCell ? { ...this._selection.activeCell } : null, this._scrollToActiveCell(), this._dispatchSelectionEvent();
 	}
 	_onKeyDown(e) {
-		if (this._editing.current) return;
+		if (this._editing.current || this._openFilterKey && e.composedPath().some((e) => e instanceof Element && e.classList.contains("ft-filter-dropdown"))) return;
 		let t = this.visibleColumns;
 		if ((e.ctrlKey || e.metaKey) && !e.altKey) {
 			let t = e.key.toLowerCase();
@@ -2778,7 +2847,7 @@ var q = {
 			].includes(t) && this._handleCtrlKey(e)) return;
 		}
 		if (t.length !== 0 && this._visibleRowCount !== 0) {
-			if ((e.key === "Enter" || e.key === "F2") && this._activeCell && !v(e)) {
+			if ((e.key === "Enter" || e.key === "F2") && this._activeCell && !_(e)) {
 				e.preventDefault();
 				let n = t[this._activeCell.col];
 				n && this._isCellEditable(n) ? this._startEdit() : e.key === "Enter" && this._fireRowActivate(n);
@@ -2832,12 +2901,12 @@ var q = {
 		if (!e.altKey || !this._activeCell || e.key !== "ArrowLeft" && e.key !== "ArrowRight") return !1;
 		e.preventDefault();
 		let n = t[this._activeCell.col];
-		return n && this._resizeColumnBy(n.key, e.key === "ArrowRight" ? X : -20), !0;
+		return n && this._resizeColumnBy(n.key, e.key === "ArrowRight" ? Y : -20), !0;
 	}
 	_resizeColumnBy(e, t) {
 		let n = this.visibleColumns.findIndex((t) => t.key === e), r = this.visibleColumns[n];
 		if (!r) return;
-		let i = this._columnWidths.get(r.key) ?? r.width ?? J, a = r.minWidth ?? Y, o = Math.max(a, i + t);
+		let i = this._columnWidths.get(r.key) ?? r.width ?? q, a = r.minWidth ?? J, o = Math.max(a, i + t);
 		this._columnWidths.set(r.key, o), this.requestUpdate(), this.dispatchEvent(new CustomEvent("column-resize", {
 			detail: {
 				key: r.key,
@@ -2866,7 +2935,7 @@ var q = {
 	async _handleCopy(e) {
 		let t = this._selection.getEffectiveRange();
 		if (!t) return;
-		let n = this.visibleColumns, r = se(this._sortedIndices.map((e) => this.data[e]), n, t);
+		let n = this.visibleColumns, r = oe(this._sortedIndices.map((e) => this.data[e]), n, t);
 		try {
 			await navigator.clipboard.writeText(r);
 		} catch (e) {
@@ -2892,10 +2961,10 @@ var q = {
 		if (!this._activeCell) return;
 		let e = await this._readClipboardText();
 		if (e == null) return;
-		let t = g(e);
+		let t = h(e);
 		if (t.length === 0) return;
 		let n = this._expandRowsForPaste(this._activeCell.row, t.length), r = this._applyPasteData(this._activeCell, t);
-		if (r.length > 0 || n.length > 0) {
+		if (this._selectPastedRange(this._activeCell, t), r.length > 0 || n.length > 0) {
 			let e = n.length;
 			this._undo.push({
 				label: "paste",
@@ -2933,6 +3002,13 @@ var q = {
 			})), null;
 		}
 	}
+	_selectPastedRange(e, t) {
+		let n = Math.max(...t.map((e) => e.length)), r = Math.min(e.row + t.length, this._visibleRowCount) - 1, i = Math.min(e.col + n, this.visibleColumns.length) - 1;
+		(r !== e.row || i !== e.col) && (this._selection.setDimensions(this._visibleRowCount, this.visibleColumns.length), this._selection.setActive(e.row, e.col), this._selection.setActiveWithRange(r, i), this._activeCell = {
+			row: e.row,
+			col: e.col
+		});
+	}
 	_expandRowsForPaste(e, t) {
 		let n = [], r = e + t, i = this.maxRows > 0 ? this.maxRows : Infinity;
 		for (; this.data.length < r && this.data.length < i;) {
@@ -3152,7 +3228,7 @@ var q = {
 		return Math.min(n, i);
 	}
 	_renderHeaderCell(e, t) {
-		let n = e.sortable !== !1, r = this._sortCriteria.find((t) => t.key === e.key), o = this._sortCriteria.length > 1 ? this._sortCriteria.findIndex((t) => t.key === e.key) : -1, s = this._filters.some((t) => t.key === e.key), c = e.pinned === "left", l = e.pinned === "right", u = c || l, d = e.headerAlign ?? G(e), f = [
+		let n = e.sortable !== !1, r = this._sortCriteria.find((t) => t.key === e.key), o = this._sortCriteria.length > 1 ? this._sortCriteria.findIndex((t) => t.key === e.key) : -1, s = this._filters.some((t) => t.key === e.key), c = e.pinned === "left", l = e.pinned === "right", u = c || l, d = e.headerAlign ?? W(e), f = [
 			"ft-header-cell",
 			n ? "ft-sortable" : "",
 			u ? "ft-pinned" : "",
@@ -3286,8 +3362,9 @@ var q = {
 	_openFilterFromMenu(e) {
 		this._headerMenu = null, this._openFilterKey = e, requestAnimationFrame(() => {
 			document.addEventListener("click", this._onDocumentClick, { once: !0 });
-		}), this.updateComplete.then(() => {
-			this.shadowRoot?.querySelector(".ft-filter-dropdown input, .ft-filter-dropdown select")?.focus();
+		}), this.updateComplete.then(async () => {
+			let e = this.shadowRoot?.querySelector(".ft-filter-dropdown input, .ft-filter-dropdown select, .ft-filter-dropdown u-date-picker");
+			await e?.updateComplete, e?.focus();
 		});
 	}
 	_showHiddenBefore(e) {
@@ -3323,7 +3400,7 @@ var q = {
         ${r.map((e) => c("show", A("showColumn", { header: e.label }), () => this._setColumnHidden(e.key, !1)))}
         <div class="ft-header-menu-separator" role="separator"></div>
         ${c("autofit", A("autoFitWidth"), () => this._autoFitColumn(e))}
-        ${c("wider", A("wider"), () => this._resizeColumnBy(e, X), !0)}
+        ${c("wider", A("wider"), () => this._resizeColumnBy(e, Y), !0)}
         ${c("narrower", A("narrower"), () => this._resizeColumnBy(e, -20), !0)}
       </div>
     `;
@@ -3612,17 +3689,17 @@ var q = {
           @keydown=${(e) => {
 			e.key === "Escape" && (this._openFilterKey = null), e.stopPropagation();
 		}}>
-          ${Object.keys(q).map((e) => i`<option value=${e}>${q[e]}</option>`)}
+          ${Object.keys(K).map((e) => i`<option value=${e}>${K[e]}</option>`)}
         </select>
         <input class="ft-filter-input ft-num-cond-input" type="text" inputmode="decimal" placeholder=${A("valuePlaceholder")}
-          .value=${n.text ?? (n.value == null ? "" : P(n.value))}
+          .value=${n.text ?? (n.value == null ? "" : se(n.value))}
           aria-invalid=${n.text && n.value == null ? "true" : "false"}
           @input=${(n) => {
 			let r = n.target.value, i = this._numberFilterState.get(e) ?? this._defaultNumState();
 			i[t] = {
 				...i[t],
 				text: r,
-				value: r.trim() === "" ? null : h(r)
+				value: r.trim() === "" ? null : m(r)
 			}, this._numberFilterState.set(e, i), this._emptyFilterState.delete(e), this._applyFilterForKey(e);
 		}}
           @keydown=${(e) => {
@@ -3674,21 +3751,21 @@ var q = {
 		return n ? n.error : null;
 	}
 	_renderDateFilter(e) {
-		let t = e.type === "datetime" ? "datetime-local" : "date", n = this._dateFilterState.get(e.key) ?? {};
+		let t = e.type === "datetime", n = this._dateFilterState.get(e.key) ?? {}, r = (e) => e?.slice(0, 10), o = (e) => {
+			e.key === "Escape" && $(e.currentTarget) || (e.stopPropagation(), e.key === "Escape" && (this._openFilterKey = null));
+		};
 		return i`
-      <div class="ft-filter-range">
-        <input class="ft-filter-input" type=${t} placeholder=${A("fromPlaceholder")}
-          .value=${n.from ?? ""}
-          @input=${(t) => this._applyDateFilter(e.key, t, "from")}
-          @keydown=${(e) => {
-			e.key === "Escape" && (this._openFilterKey = null), e.stopPropagation();
-		}}>
-        <input class="ft-filter-input" type=${t} placeholder=${A("toPlaceholder")}
-          .value=${n.to ?? ""}
-          @input=${(t) => this._applyDateFilter(e.key, t, "to")}
-          @keydown=${(e) => {
-			e.key === "Escape" && (this._openFilterKey = null), e.stopPropagation();
-		}}>
+      <div class="ft-filter-range ft-filter-range-dates">
+        <u-date-picker class="ft-filter-date" size="sm" clearable
+          mode=${t ? "datetime" : "date"} label=${A("fromPlaceholder")}
+          .value=${n.from ?? ""} max=${r(n.to) ?? a}
+          @change=${(t) => this._applyDateFilter(e.key, t, "from")}
+          @keydown=${o}></u-date-picker>
+        <u-date-picker class="ft-filter-date" size="sm" clearable
+          mode=${t ? "datetime" : "date"} label=${A("toPlaceholder")}
+          .value=${n.to ?? ""} min=${r(n.from) ?? a}
+          @change=${(t) => this._applyDateFilter(e.key, t, "to")}
+          @keydown=${o}></u-date-picker>
       </div>
       ${this._renderEmptyFilterRow(e.key, () => {
 			this._dateFilterState.delete(e.key);
@@ -3696,7 +3773,7 @@ var q = {
     `;
 	}
 	_applyDateFilter(e, t, n) {
-		let r = t.target.value, i = this._dateFilterState.get(e) ?? {};
+		let r = t.target.value ?? "", i = this._dateFilterState.get(e) ?? {};
 		r === "" ? delete i[n] : i[n] = r, this._dateFilterState.set(e, i), this._emptyFilterState.delete(e), this._applyFilterForKey(e);
 	}
 	_renderBooleanFilter(e) {
@@ -3724,7 +3801,7 @@ var q = {
 		if (!n) return;
 		let r = this.shadowRoot?.querySelectorAll(`.ft-cell[data-col-index="${t}"]`), i = 0, a = this.shadowRoot?.querySelector(`.ft-header-cell[data-col-index="${t}"]`);
 		if (a && (i = Math.max(i, a.scrollWidth)), r) for (let e of r) i = Math.max(i, e.scrollWidth);
-		let o = n.minWidth ?? Y, s = Math.max(o, i + 8);
+		let o = n.minWidth ?? J, s = Math.max(o, i + 8);
 		this._columnWidths.set(n.key, s), this.requestUpdate(), this.dispatchEvent(new CustomEvent("column-resize", {
 			detail: {
 				key: n.key,
@@ -3737,7 +3814,7 @@ var q = {
 	}
 	_onResizeStart(e, t) {
 		e.preventDefault(), e.stopPropagation();
-		let n = this.visibleColumns[t], r = this._columnWidths.get(n.key) ?? n.width ?? J;
+		let n = this.visibleColumns[t], r = this._columnWidths.get(n.key) ?? n.width ?? q;
 		this._resizing = {
 			colIndex: t,
 			startX: e.clientX,
@@ -3745,13 +3822,13 @@ var q = {
 		};
 		let i = (e) => {
 			if (!this._resizing) return;
-			let t = e.clientX - this._resizing.startX, r = n.minWidth ?? Y, i = Math.max(r, this._resizing.startWidth + t);
+			let t = e.clientX - this._resizing.startX, r = n.minWidth ?? J, i = Math.max(r, this._resizing.startWidth + t);
 			this._columnWidths.set(n.key, i), this.requestUpdate();
 		}, a = () => {
 			document.removeEventListener("mousemove", i), document.removeEventListener("mouseup", o), this._resizeCleanup = null;
 		}, o = () => {
 			if (a(), this._resizing) {
-				let e = this._columnWidths.get(n.key) ?? J;
+				let e = this._columnWidths.get(n.key) ?? q;
 				this.dispatchEvent(new CustomEvent("column-resize", {
 					detail: {
 						key: n.key,
@@ -4128,7 +4205,7 @@ var q = {
 				this._closeFindPanel();
 				return;
 			}
-			e.key === "Enter" && !v(e) && e.target instanceof HTMLInputElement && e.target.classList.contains("ft-find-input") && (e.shiftKey ? this._findPrev() : this._findNext());
+			e.key === "Enter" && !_(e) && e.target instanceof HTMLInputElement && e.target.classList.contains("ft-find-input") && (e.shiftKey ? this._findPrev() : this._findNext());
 		}}>
         <div class="ft-find-row">
           <input class="ft-find-input" type="text" placeholder=${A("findPlaceholder")}
@@ -4340,10 +4417,10 @@ var q = {
           ${this._renderEditor(e, t)}
         </div>
       `;
-		let v = s || l, y = this._isCellInvalid(n, r), b = (this._findState?.results ?? []).findIndex((e) => e.row === n && e.col === r), x = b >= 0, S = x && b === this._findState.currentIndex, C = [
+		let v = s || l, y = this._isCellInvalid(n, r), b = (this._findState?.results ?? []).findIndex((e) => e.row === n && e.col === r), x = b >= 0, S = x && b === this._findState.currentIndex, w = [
 			"ft-cell",
 			`ft-type-${t.type ?? "text"}`,
-			`ft-align-${G(t)}`,
+			`ft-align-${W(t)}`,
 			s ? "ft-active" : "",
 			l ? "ft-selected" : "",
 			f ? "ft-pinned" : "",
@@ -4355,7 +4432,7 @@ var q = {
 			t.reveal === "hover" ? "ft-reveal-hover" : ""
 		].filter(Boolean).join(" "), T = this._toDataIndex(n), E = this._comments.get(T)?.get(t.key) ?? null, D = E !== null, O = D ? i`<div class="ft-comment-indicator" title=${E}></div>` : a;
 		return i`
-      <div class=${D ? C + " ft-has-comment" : C}
+      <div class=${D ? w + " ft-has-comment" : w}
         role="gridcell"
         aria-colindex=${r + 1}
         data-col-index=${r}
@@ -4369,7 +4446,7 @@ var q = {
         @click=${(e) => this._onCellClickEvent(e, n, r)}
         @dblclick=${() => this._onCellDblClick(n, r)}>
         ${O}
-        ${w(e[t.key], e, t)}
+        ${C(e[t.key], e, t)}
       </div>
     `;
 	}
@@ -4378,22 +4455,21 @@ var q = {
 		let n = e[t.key], r = n == null ? "" : String(n);
 		if (t.type === "number") return i`
         <input class="ft-editor ft-editor-number" type="text" inputmode="decimal"
-          .value=${typeof n == "number" ? P(n) : r}
+          .value=${typeof n == "number" ? se(n) : r}
           @keydown=${this._onEditorKeyDown}
           @blur=${() => this._commitEdit()}>
       `;
-		if (t.type === "date") return i`
-        <input class="ft-editor ft-editor-date" type="text" inputmode="numeric" placeholder=${u()}
-          .value=${ce(n)}
-          @keydown=${this._onEditorKeyDown}
-          @blur=${() => this._commitEdit()}>
-      `;
-		if (t.type === "datetime") return i`
-        <input class="ft-editor ft-editor-datetime" type="text" placeholder=${`${u()} HH:mm`}
-          .value=${le(n)}
+		if (t.type === "date" || t.type === "datetime") {
+			let e = t.type === "datetime";
+			return i`
+        <u-date-picker class="ft-editor ft-editor-${t.type}" size="sm"
+          mode=${e ? "datetime" : "date"} ?confirm=${e}
+          .value=${Ye(n, e)}
           @keydown=${this._onEditorKeyDown}
-          @blur=${() => this._commitEdit()}>
+          @change=${() => this._commitEdit()}
+          @blur=${() => this._commitEdit()}></u-date-picker>
       `;
+		}
 		if (t.type === "select" && t.options && t.options.length > 0) {
 			let e = t.options, r = typeof e[0] == "string";
 			return i`
@@ -4435,60 +4511,75 @@ var q = {
     `;
 	}
 };
-K([s({ type: Array })], $.prototype, "columns", void 0), K([s({
+G([s({ type: Array })], Q.prototype, "columns", void 0), G([s({
 	type: Array,
 	hasChanged: () => !0
-})], $.prototype, "data", null), K([s({
+})], Q.prototype, "data", null), G([s({
 	type: Boolean,
 	attribute: "clear-undo-on-data-change"
-})], $.prototype, "clearUndoOnDataChange", void 0), K([s({
+})], Q.prototype, "clearUndoOnDataChange", void 0), G([s({
 	type: Boolean,
 	attribute: "clear-selection-on-data-change"
-})], $.prototype, "clearSelectionOnDataChange", void 0), K([s({
+})], Q.prototype, "clearSelectionOnDataChange", void 0), G([s({
 	type: Number,
 	attribute: "row-height"
-})], $.prototype, "rowHeight", null), K([s({
+})], Q.prototype, "rowHeight", null), G([s({
 	type: Boolean,
 	attribute: "show-row-numbers"
-})], $.prototype, "showRowNumbers", void 0), K([s({
+})], Q.prototype, "showRowNumbers", void 0), G([s({
 	type: String,
 	reflect: !0
-})], $.prototype, "theme", void 0), K([s({
+})], Q.prototype, "theme", void 0), G([s({
 	type: Number,
 	attribute: "max-rows"
-})], $.prototype, "maxRows", void 0), K([s({ type: Boolean })], $.prototype, "editable", void 0), K([s({
+})], Q.prototype, "maxRows", void 0), G([s({ type: Boolean })], Q.prototype, "editable", void 0), G([s({
 	type: Boolean,
 	attribute: "show-filters"
-})], $.prototype, "showFilters", void 0), K([s({
+})], Q.prototype, "showFilters", void 0), G([s({
 	type: Boolean,
 	attribute: "show-context-menu"
-})], $.prototype, "showContextMenu", void 0), K([s({
+})], Q.prototype, "showContextMenu", void 0), G([s({
 	type: Number,
 	attribute: "frozen-rows"
-})], $.prototype, "frozenRows", void 0), K([s({
+})], Q.prototype, "frozenRows", void 0), G([s({
 	type: String,
 	attribute: "empty-message"
-})], $.prototype, "emptyMessage", void 0), K([s({
+})], Q.prototype, "emptyMessage", void 0), G([s({
 	type: String,
 	attribute: "no-matching-message"
-})], $.prototype, "noMatchingMessage", void 0), K([s({
+})], Q.prototype, "noMatchingMessage", void 0), G([s({
 	type: Boolean,
 	reflect: !0
-})], $.prototype, "loading", void 0), K([s({
+})], Q.prototype, "loading", void 0), G([s({
 	type: Boolean,
 	attribute: "import-enabled"
-})], $.prototype, "importEnabled", void 0), K([s({ type: Boolean })], $.prototype, "selectable", void 0), K([s({
+})], Q.prototype, "importEnabled", void 0), G([s({ type: Boolean })], Q.prototype, "selectable", void 0), G([s({
 	type: String,
 	attribute: "selection-mode"
-})], $.prototype, "selectionMode", null), K([s({
+})], Q.prototype, "selectionMode", null), G([s({
 	type: String,
 	attribute: "data-mode"
-})], $.prototype, "dataMode", void 0), K([s({
+})], Q.prototype, "dataMode", void 0), G([s({
 	type: Object,
 	attribute: "footer-data"
-})], $.prototype, "footerData", void 0), K([s({ attribute: !1 })], $.prototype, "stylesheets", void 0), K([s({
+})], Q.prototype, "footerData", void 0), G([s({ attribute: !1 })], Q.prototype, "stylesheets", void 0), G([s({
 	type: Number,
 	attribute: "max-undo-size"
-})], $.prototype, "maxUndoSize", null), K([c()], $.prototype, "_scrollTop", void 0), K([c()], $.prototype, "_scrollLeft", void 0), K([c()], $.prototype, "_viewportHeight", void 0), K([c()], $.prototype, "_viewportWidth", void 0), K([c()], $.prototype, "_activeCell", void 0), K([c()], $.prototype, "_editingCell", void 0), K([c()], $.prototype, "_sortCriteria", void 0), K([c()], $.prototype, "_openFilterKey", void 0), K([c()], $.prototype, "_rowSelectionVersion", void 0), K([c()], $.prototype, "_autocompleteState", void 0), K([c()], $.prototype, "_headerMenu", void 0), K([c()], $.prototype, "_bodyContextMenu", void 0), K([c()], $.prototype, "_commentPopup", void 0), K([c()], $.prototype, "_isDragOver", void 0), $ = K([o("flex-table")], $);
+})], Q.prototype, "maxUndoSize", null), G([c()], Q.prototype, "_scrollTop", void 0), G([c()], Q.prototype, "_scrollLeft", void 0), G([c()], Q.prototype, "_viewportHeight", void 0), G([c()], Q.prototype, "_viewportWidth", void 0), G([c()], Q.prototype, "_activeCell", void 0), G([c()], Q.prototype, "_editingCell", void 0), G([c()], Q.prototype, "_sortCriteria", void 0), G([c()], Q.prototype, "_openFilterKey", void 0), G([c()], Q.prototype, "_rowSelectionVersion", void 0), G([c()], Q.prototype, "_autocompleteState", void 0), G([c()], Q.prototype, "_headerMenu", void 0), G([c()], Q.prototype, "_bodyContextMenu", void 0), G([c()], Q.prototype, "_commentPopup", void 0), G([c()], Q.prototype, "_isDragOver", void 0), Q = G([o("flex-table")], Q);
+function Ye(e, t) {
+	if (t) {
+		let t = le(e);
+		return /^\d{4}-\d{2}-\d{2} \d{2}:\d{2}$/.test(t) ? t.replace(" ", "T") : void 0;
+	}
+	let n = ce(e);
+	return /^\d{4}-\d{2}-\d{2}$/.test(n) ? n : void 0;
+}
+function $(e) {
+	try {
+		return e.matches(":state(open)");
+	} catch {
+		return !1;
+	}
+}
 //#endregion
-export { j as a, M as i, G as n, k as o, V as r, w as s, $ as t };
+export { j as a, M as i, W as n, k as o, B as r, C as s, Q as t };