@yuneta/gobj-ui 7.23.194 → 7.23.196

package/dist/gobj-ui.es.js

@@ -7305,6 +7305,39 @@ function json_diff_rows(doc_a, doc_b) {
 	return rows;
 }
 //#endregion
+//#region src/form_time_value.js
+/****************************************************************************
+*          form_time_value.js
+*
+*          A treedb `time` / `now` column is an epoch in SECONDS, and a form
+*          shows it in a `datetime-local` input. These two convert between
+*          them, and they must be each other's inverse: a writable time
+*          column travels back on EVERY save of the record.
+*
+*          Copyright (c) 2026, ArtGins.
+*          All Rights Reserved.
+****************************************************************************/
+/************************************************************
+*  A Date -> the value of a `datetime-local` input, in local time,
+*  WITH seconds: the input is built with `step: 1`, which is what
+*  lets it hold them. Written as "YYYY-MM-DDTHH:mm" it lost them on
+*  every save of any field (M26 of the 2026-09-21 review).
+************************************************************/
+function date_to_datetime_local(value) {
+	if (!(value instanceof Date) || isNaN(value.getTime())) return "";
+	let pad = (n) => String(n).padStart(2, "0");
+	return `${value.getFullYear()}-${pad(value.getMonth() + 1)}-${pad(value.getDate())}T${pad(value.getHours())}:${pad(value.getMinutes())}:${pad(value.getSeconds())}`;
+}
+/************************************************************
+*  The value of a `datetime-local` input -> epoch in seconds
+************************************************************/
+function datetime_local_to_epoch(value) {
+	if (!value) return null;
+	const date = new Date(value);
+	if (isNaN(date.getTime())) return null;
+	return Math.floor(date.getTime() / 1e3);
+}
+//#endregion
 //#region src/c_yui_form.js
 /***********************************************************************
 *          c_yui_form.js
@@ -8317,6 +8350,7 @@ function create_form_field(gobj, $form, prefix, field_desc, { tag, inputType, na
 				type: inputType,
 				placeholder
 			};
+			if (inputType === "datetime-local") attrs.step = 1;
 			Object.assign(attrs, extras);
 			if (readonly) attrs.readonly = "";
 			else if (required) attrs.required = "";
@@ -9017,8 +9051,7 @@ function get_form_values(gobj, $form) {
 			case "input":
 				switch (input_type) {
 					case "datetime-local":
-						const date = new Date($input.value);
-						value = Math.floor(date.getTime() / 1e3);
+						value = datetime_local_to_epoch($input.value);
 						break;
 					default: value = getInputValue($input);
 				}
@@ -9181,10 +9214,7 @@ function set_form_values(gobj, template, $form, record) {
 			case "input":
 				switch (input_type) {
 					case "datetime-local":
-						if (value instanceof Date && !isNaN(value.getTime())) {
-							let pad = (n) => String(n).padStart(2, "0");
-							$input.value = `${value.getFullYear()}-${pad(value.getMonth() + 1)}-${pad(value.getDate())}T${pad(value.getHours())}:${pad(value.getMinutes())}`;
-						} else $input.value = "";
+						$input.value = date_to_datetime_local(value);
 						break;
 					case "color":
 						$input.value = convertColor(value);
@@ -26476,6 +26506,58 @@ function delete_impact(desc, records) {
 	return out;
 }
 //#endregion
+//#region src/table_cell_text.js
+/****************************************************************************
+*          table_cell_text.js
+*
+*          What a treedb table cell hands Tabulator.
+*
+*          Tabulator assigns a formatter's STRING result with `innerHTML`
+*          (only its own `plaintext` formatter escapes), so a record's text
+*          returned as a string is parsed as markup: `a<b and c>d` showed
+*          as `ad`, and a field holding `<img src=x onerror=...>` ran it in
+*          the operator's browser (M31 of the 2026-09-21 review). Record
+*          data goes in as a TEXT NODE, and a cell built around it as DOM,
+*          never as an HTML string with the data interpolated.
+*
+*          Pure but for the `document` it is handed, so it is tested
+*          without one.
+*
+*          Copyright (c) 2026, ArtGins.
+*          All Rights Reserved.
+****************************************************************************/
+/************************************************************
+*  A value shown as text, whatever characters it holds
+************************************************************/
+function cell_text(value, doc = globalThis.document) {
+	if (value === null || value === void 0) return "";
+	return doc.createTextNode(String(value));
+}
+/************************************************************
+*  The hook cell, as a createElement2 spec: the row id is an
+*  attribute VALUE, never text spliced into markup (an id holding
+*  a `"` cut the attribute and lost the rest of the id)
+************************************************************/
+function hook_cell_spec(row_id, col_id, items, title, title_key) {
+	return [
+		"a",
+		{
+			class: "HOOK_CELL hook_cell",
+			title,
+			"data-i18n-title": title_key,
+			"aria-label": title,
+			"data-i18n-aria-label": title_key,
+			"data-row_id": String(row_id),
+			"data-col_id": String(col_id)
+		},
+		[["span", { class: "icon yi-eye" }], [
+			"u",
+			{ class: "HOOK_CELL_COUNT" },
+			`[ ${items} ]`
+		]]
+	];
+}
+//#endregion
 //#region src/c_yui_treedb_topic_with_form.js
 /***********************************************************************
 *          c_yui_treedb_topic_with_form.js
@@ -27902,18 +27984,8 @@ function transform__treedb_value_2_table_value(gobj, col, value, row, field) {
 			break;
 		case "hook":
 			let items = treedb_hook_data_size(value);
-			if (items > 0) {
-				let hook_title = String(t("show linked records")).replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
-				value = [
-					"<a class=\"hook_cell\" ",
-					`title="${hook_title}" aria-label="${hook_title}" `,
-					`data-row_id="${row.id}" `,
-					`data-col_id="${col.id}" > `,
-					"<span style=\"\" class=\"icon yi-eye\"></span>",
-					`<span>[&nbsp;<u>${items}</u>&nbsp;]</span>`,
-					"</a>"
-				].join("");
-			} else value = "";
+			if (items > 0) value = createElement2(hook_cell_spec(row.id, col.id, items, t("show linked records"), "show linked records"));
+			else value = "";
 			break;
 		case "file":
 		case "fkey":
@@ -27939,7 +28011,7 @@ function transform__treedb_value_2_table_value(gobj, col, value, row, field) {
 					value = /* @__PURE__ */ new Date(value * 1e3);
 					const rawLocale = navigator.language;
 					const userLocale = typeof rawLocale === "string" && rawLocale && rawLocale !== "undefined" ? rawLocale : void 0;
-					value = "<span class=\"is-size-7\">" + new Intl.DateTimeFormat(userLocale, {
+					const formatter = new Intl.DateTimeFormat(userLocale, {
 						day: "numeric",
 						month: "short",
 						year: "numeric",
@@ -27947,7 +28019,12 @@ function transform__treedb_value_2_table_value(gobj, col, value, row, field) {
 						minute: "2-digit",
 						second: "2-digit",
 						hour12: true
-					}).format(value) + "</span>";
+					});
+					value = createElement2([
+						"span",
+						{ class: "is-size-7" },
+						formatter.format(value)
+					]);
 			}
 			break;
 		case "color": break;
@@ -27959,6 +28036,7 @@ function transform__treedb_value_2_table_value(gobj, col, value, row, field) {
 		log_error(`transform__treedb_value_2_table_value() unexpected object value for field '${field}' (type='${field_desc.type}', real_type='${field_desc.real_type}'): ${JSON.stringify(value)}, topic ${priv.topic_name}`);
 		value = JSON.stringify(value);
 	}
+	if (typeof value === "string" && value !== "") value = cell_text(value);
 	return value;
 }
 /************************************************************
@@ -70080,10 +70158,11 @@ function register_c_yui_treedb_schema() {
 *                  operator drew does nothing at all. Restarting on
 *                  this is an outage with no gain.
 *        `warning` the schema opens and something is not what it looks
-*                  like — an unbumped `topic_version` masking the whole
-*                  edit is the one that costs the most time, because
-*                  the restart SUCCEEDS and the change is simply not
-*                  there.
+*                  like.
+*
+*      A version is not checked here: an edit is a DRAFT and moves no
+*      version, and C_TREEDB's save-schema raises the versions of what
+*      changed when it publishes it.
 *
 *      Every `code` is an i18n key: the caller renders, this decides.
 *
@@ -70130,9 +70209,6 @@ var FKEY_TYPES = [
 ***************************************************************/
 function validate_schema(treedb, options) {
 	let findings = [];
-	let opts = options || {};
-	let written = Array.isArray(opts.written_topics) ? opts.written_topics : [];
-	let baseline = opts.baseline || {};
 	if (!treedb || !Array.isArray(treedb.topics)) return findings;
 	let add = (severity, code, topic, col, detail) => {
 		findings.push({
@@ -70153,10 +70229,6 @@ function validate_schema(treedb, options) {
 		let pkey = topic.pkey || "id";
 		if (col_names.indexOf(pkey) < 0) add("error", "pkey names no column", topic.name, "", pkey);
 		for (let pkey2 of topic_pkey2s(topic.record)) if (col_names.indexOf(pkey2) < 0) add("error", "pkey2 names no column", topic.name, "", pkey2);
-		if (written.indexOf(topic.id) >= 0) {
-			let before = baseline[topic.id];
-			if (before !== void 0 && String(before) === String(topic.topic_version)) add("warning", "topic version not bumped", topic.name, "", String(topic.topic_version));
-		}
 		for (let col of topic.cols) {
 			let flags = col_flags(col.record);
 			let type = col.record ? col.record.type : "";
@@ -71425,13 +71497,15 @@ function write_options(op) {
 *      fkey, the order of a new sibling, the version that publishes
 *      the change.
 *
-*      THE VERSION IS THE POINT, not a detail. A topic whose columns
-*      changed and whose `topic_version` did not is a topic whose
-*      persisted `topic_cols.json` masks the whole edit: the restart
-*      succeeds and nothing moved. Nothing in the store says so, and
-*      the log that would is on the node. So every write here raises
-*      the version of the topic it touched, and the toolbar says which
-*      topics are waiting for a restart.
+*      AN EDIT IS A DRAFT. A write here moves no version and reaches no
+*      treedb: the host SAVES it (C_TREEDB's save-schema raises the
+*      topic_version of what changed and the schema_version, once) and
+*      APPLIES it (apply-schema + a restart of the owning yuno). Until
+*      the owner's design of M36 (2026-09-21 review) every write here
+*      raised both versions, so an edit half made was already the
+*      schema of the next start. The topic list marks what this session
+*      wrote and has not saved; the host's EV_REFRESH after a save is
+*      what forgets it.
 *
 *      WHAT ELSE IS HERE, and why each is here and not somewhere else:
 *
@@ -71776,16 +71850,20 @@ function start_measuring(gobj) {
 	for (let treedb of priv.model.treedbs) for (let topic of treedb.topics) priv.baseline[topic.id] = topic.topic_version;
 }
 /***************************************************************
-*  "This topic was written and its version did not move."
+*  "This topic was written in this session and is not saved."
+*
+*  An edit is a DRAFT: it moves no version and reaches no treedb
+*  until the host saves it (C_TREEDB's save-schema, which raises the
+*  versions of what changed) -- and the save makes the host send
+*  EV_REFRESH, whose reload is what forgets the drafts.
 *
-*  ONE predicate, because it is asked in two places -- the topic
-*  list draws a chip with it and the column view draws a banner --
-*  and two copies of a rule is how they drift.
+*  ONE predicate, because it is asked in three places -- the topic
+*  list draws a chip with it, the column view a banner, the export
+*  a warning -- and copies of a rule are how they drift.
 ***************************************************************/
-function needs_version_bump(written, baseline, topic) {
-	if (!topic || !written || !baseline) return false;
-	if (!written[topic.id]) return false;
-	return String(baseline[topic.id]) === String(topic.topic_version);
+function topic_is_draft(written, topic) {
+	if (!topic || !written) return false;
+	return written[topic.id] ? true : false;
 }
 /***************************************************************
 *  Say what the whole store would be refused for.
@@ -72227,7 +72305,7 @@ function render_topics(gobj, $body) {
 	let twice = repeated_names(treedb.topics);
 	let $rows = [];
 	for (let topic of treedb.topics) {
-		let pending = needs_version_bump(priv.written, priv.baseline, topic);
+		let pending = topic_is_draft(priv.written, topic);
 		let ambiguous = !!twice[topic.name];
 		let address = ambiguous ? topic.id : topic.name;
 		let $actions = [];
@@ -72462,7 +72540,7 @@ function render_columns(gobj, $body) {
 		{ class: "SCHEMA_COLUMNS p-3" },
 		[]
 	]);
-	let $banner = version_banner(gobj, topic);
+	let $banner = draft_banner(gobj, topic);
 	if ($banner) $wrap.appendChild($banner);
 	let twice = repeated_names(topic.cols);
 	let $rows = [];
@@ -72540,66 +72618,37 @@ function render_columns(gobj, $body) {
 	refresh_language($wrap, t);
 }
 /***************************************************************
-*  "This topic changed and its version did not."
+*  "This topic has changes that are not saved."
 *
-*  Only shown when it is TRUE — the topic was written in this
-*  session and its `topic_version` still reads what it read when
-*  the model loaded. Every write this view makes raises it, so
-*  the banner is for the case where something else did not: an
-*  edit made from the raw tables, or a bump undone by hand.
+*  A draft, not an error: the edit is in __system__ and moves no
+*  version, so the treedb does not see it until the host saves it
+*  (and applies it). The banner says so and offers nothing -- the
+*  save is the host's, one level up, because it publishes the whole
+*  treedb and not one topic.
 ***************************************************************/
-function version_banner(gobj, topic) {
+function draft_banner(gobj, topic) {
 	let priv = gobj.priv;
-	if (!needs_version_bump(priv.written, priv.baseline, topic)) return null;
+	if (!topic_is_draft(priv.written, topic)) return null;
 	if (is_readonly(gobj)) return null;
-	let $banner = createElement2([
+	return createElement2([
 		"div",
 		{
-			class: "SCHEMA_VERSION_BANNER notification is-warning is-light p-3 mb-3 is-flex is-align-items-center",
+			class: "SCHEMA_DRAFT_BANNER notification is-warning is-light p-3 mb-3 is-flex is-align-items-center",
 			style: "gap:.5rem;"
 		},
-		[
-			[
-				"span",
-				{ class: "icon" },
-				[["i", { class: "yi-triangle-exclamation" }]]
-			],
-			[
-				"span",
-				{
-					class: "SCHEMA_VERSION_TEXT is-size-7",
-					i18n: "version not raised"
-				},
-				t("version not raised")
-			],
-			[
-				"button",
-				{
-					class: "SCHEMA_VERSION_BUMP button is-warning",
-					type: "button",
-					style: "margin-left:auto;",
-					title: t("raise the version"),
-					"aria-label": t("raise the version"),
-					"data-i18n-title": "raise the version",
-					"data-i18n-aria-label": "raise the version"
-				},
-				[[
-					"span",
-					{ class: "icon" },
-					[["i", { class: "yi-circle-up" }]]
-				], [
-					"span",
-					{ i18n: "raise" },
-					t("raise")
-				]]
-			]
-		]
+		[[
+			"span",
+			{ class: "icon" },
+			[["i", { class: "yi-triangle-exclamation" }]]
+		], [
+			"span",
+			{
+				class: "SCHEMA_DRAFT_TEXT is-size-7",
+				i18n: "unsaved schema changes: save to publish them"
+			},
+			t("unsaved schema changes: save to publish them")
+		]]
 	]);
-	$banner.querySelector(".SCHEMA_VERSION_BUMP").addEventListener("click", (evt) => {
-		evt.stopPropagation();
-		gobj_send_event(gobj, "EV_BUMP_VERSION", { topic: topic.name }, gobj);
-	});
-	return $banner;
 }
 /***************************************************************
 *  One column, as a row. The drag events carry INDEXES in the
@@ -73468,6 +73517,8 @@ function open_report(gobj, findings, treedb_id) {
 *  as a download, which a published page cannot start anyway.
 ***************************************************************/
 function open_export(gobj, treedb) {
+	let priv = gobj.priv;
+	let drafts = treedb.topics.some((topic) => topic_is_draft(priv.written, topic));
 	let c_text = schema_to_c(treedb);
 	let json_text = JSON.stringify(schema_to_json(treedb), null, 4);
 	let $content = createElement2([
@@ -73521,13 +73572,29 @@ function open_export(gobj, treedb) {
 				},
 				t("an edit made here works and lives in no source: this is what to paste back")
 			],
+			drafts ? [
+				"p",
+				{
+					class: "SCHEMA_EXPORT_DRAFTS notification is-warning is-light p-2 mb-2 is-size-7",
+					i18n: "unsaved changes: save first, so the literal carries the versions that publish it"
+				},
+				t("unsaved changes: save first, so the literal carries the versions that publish it")
+			] : [
+				"span",
+				{},
+				""
+			],
 			[
 				"textarea",
 				{
 					class: "SCHEMA_EXPORT_TEXT textarea is-small is-family-monospace",
 					rows: "18",
 					readonly: "readonly",
-					spellcheck: "false"
+					spellcheck: "false",
+					title: t("schema"),
+					"data-i18n-title": "schema",
+					"aria-label": t("schema"),
+					"data-i18n-aria-label": "schema"
 				},
 				c_text
 			],
@@ -73541,7 +73608,11 @@ function open_export(gobj, treedb) {
 					"button",
 					{
 						class: "SCHEMA_EXPORT_COPY button",
-						type: "button"
+						type: "button",
+						title: t("copy"),
+						"data-i18n-title": "copy",
+						"aria-label": t("copy"),
+						"data-i18n-aria-label": "copy"
 					},
 					[[
 						"span",
@@ -73876,52 +73947,6 @@ function open_orphans(gobj) {
 *      Writing
 ***************************/
 /***************************************************************
-*  THE TWO VERSIONS A SCHEMA EDIT HAS TO RAISE, and why both.
-*
-*  `topic_version` is what publishes a change of a topic's
-*  columns: leave it and the persisted `topic_cols.json` masks
-*  the edit, the restart succeeds and nothing moved.
-*
-*  `schema_version` is what publishes the schema as a whole —
-*  "the stored one wins on ties, and the incoming one has to be
-*  strictly newer to take over" (c_treedb.c). It is safe to
-*  raise: re-projection from C compares `c_schema_version`, the
-*  version of the LITERAL, precisely so that an edit made here
-*  survives every start until a newer literal arrives.
-*
-*  So every write that changes a schema carries both, and the
-*  operator is never asked to remember either.
-***************************************************************/
-function version_writes(gobj, topic) {
-	let treedb = current_treedb(gobj);
-	let writes = [];
-	if (topic) {
-		let version = Number(topic.topic_version);
-		if (!isFinite(version)) version = 0;
-		writes.push({
-			op: "update",
-			topic_name: T_TOPICS,
-			record: {
-				id: topic.id,
-				topic_version: version + 1
-			}
-		});
-	}
-	if (treedb) {
-		let version = Number(treedb.schema_version);
-		if (!isFinite(version)) version = 0;
-		writes.push({
-			op: "update",
-			topic_name: T_TREEDBS,
-			record: {
-				id: treedb.id,
-				schema_version: version + 1
-			}
-		});
-	}
-	return writes;
-}
-/***************************************************************
 *  WHERE THE COLUMNS WERE before this session started moving them.
 *
 *  A drag is a WRITE: the order is a field of the column, so the drop
@@ -74380,7 +74405,7 @@ function ac_save_column(gobj, event, kw, src) {
 		op: kw.creating ? "create" : "update",
 		topic_name: T_COLS,
 		record: column_record(gobj, topic, col, values)
-	}].concat(version_writes(gobj, topic)));
+	}]);
 }
 function ac_delete_column(gobj, event, kw, src) {
 	let priv = gobj.priv;
@@ -74431,7 +74456,7 @@ function ac_move_column(gobj, event, kw, src) {
 		};
 	});
 	if (writes.length === 0) return 0;
-	return queue_writes(gobj, writes.concat(version_writes(gobj, topic)));
+	return queue_writes(gobj, writes);
 }
 /***************************************************************
 *  Put the columns back where they were before the dragging
@@ -74451,7 +74476,7 @@ function ac_undo_order(gobj, event, kw, src) {
 		return 0;
 	}
 	delete priv.order_undo[topic.id];
-	return queue_writes(gobj, writes.concat(version_writes(gobj, topic)));
+	return queue_writes(gobj, writes);
 }
 /***************************************************************
 *  Editing a topic.
@@ -74504,7 +74529,7 @@ function ac_save_topic(gobj, event, kw, src) {
 		op: kw.creating ? "create" : "update",
 		topic_name: T_TOPICS,
 		record: topic_record(gobj, treedb, topic, values)
-	}].concat(version_writes(gobj, null)));
+	}]);
 }
 function ac_delete_topic(gobj, event, kw, src) {
 	let priv = gobj.priv;
@@ -74521,20 +74546,6 @@ function ac_delete_topic(gobj, event, kw, src) {
 	return 0;
 }
 /***************************************************************
-*  Raising a version by hand: what the banner offers when
-*  something else wrote the topic and left its version alone.
-***************************************************************/
-function ac_bump_version(gobj, event, kw, src) {
-	let priv = gobj.priv;
-	let topic = find_topic(priv.model, priv.treedb_id, kw.topic);
-	if (refuse_if_readonly(gobj, event)) return -1;
-	if (!topic) {
-		log_error(`${gobj_short_name(gobj)}: ${event} names no topic: ${kw.topic}`);
-		return -1;
-	}
-	return queue_writes(gobj, version_writes(gobj, topic));
-}
-/***************************************************************
 *  Deleting a leftover.
 ***************************************************************/
 function ac_delete_orphan(gobj, event, kw, src) {
@@ -74683,11 +74694,10 @@ function ac_confirmed(gobj, event, kw, src) {
 			topic_name: T_TOPICS,
 			record: { id: topic.id }
 		});
-		return queue_writes(gobj, writes.concat(version_writes(gobj, null)));
+		return queue_writes(gobj, writes);
 	}
 	if (kw.what === "column") {
-		let topic = find_topic(priv.model, priv.treedb_id, kw.topic);
-		let col = topic ? find_col(priv.model, priv.treedb_id, kw.topic, kw.col) : null;
+		let col = find_topic(priv.model, priv.treedb_id, kw.topic) ? find_col(priv.model, priv.treedb_id, kw.topic, kw.col) : null;
 		if (!col) {
 			log_error(`${gobj_short_name(gobj)}: ${event} names no column: ${kw.col}`);
 			return -1;
@@ -74696,7 +74706,7 @@ function ac_confirmed(gobj, event, kw, src) {
 			op: "delete",
 			topic_name: T_COLS,
 			record: { id: col.id }
-		}].concat(version_writes(gobj, topic)));
+		}]);
 	}
 	log_error(`${gobj_short_name(gobj)}: ${event} of nothing this view asked about: ${kw.what}`);
 	return -1;
@@ -74885,11 +74895,6 @@ function create_gclass$1(gclass_name) {
 				"EV_UNDO_ORDER",
 				ac_undo_order,
 				null
-			],
-			[
-				"EV_BUMP_VERSION",
-				ac_bump_version,
-				null
 			]
 		])],
 		["ST_SAVING", COMMON.slice()]
@@ -74918,7 +74923,6 @@ function create_gclass$1(gclass_name) {
 		["EV_SAVE_COLUMN", 0],
 		["EV_MOVE_COLUMN", 0],
 		["EV_UNDO_ORDER", 0],
-		["EV_BUMP_VERSION", 0],
 		["EV_VALIDATE", 0],
 		["EV_EXPORT", 0],
 		["EV_IMPORT", 0],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yuneta/gobj-ui",
-  "version": "7.23.194",
+  "version": "7.23.196",
   "type": "module",
   "main": "dist/gobj-ui.cjs.js",
   "module": "dist/gobj-ui.es.js",

package/src/c_yui_form.js

@@ -83,6 +83,7 @@ import "tabulator-tables/dist/css/tabulator_bulma.css";
 
 import "./tabulator.css";
 import {is_time_field} from "./json_view_helpers.js";
+import {date_to_datetime_local, datetime_local_to_epoch} from "./form_time_value.js";
 import { TabulatorFull as Tabulator } from "tabulator-tables"; // Import Full Tabulator JS
 // import { Tabulator } from "tabulator-tables";  // Import light Tabulator JS
 
@@ -1247,6 +1248,12 @@ function create_form_field(
                 type: inputType,
                 placeholder: placeholder
             };
+            if(inputType === 'datetime-local') {
+                /*  A time column is an epoch in SECONDS: without `step: 1`
+                 *  the input holds minutes, and a save wrote the seconds
+                 *  away (see form_time_value.js). */
+                attrs.step = 1;
+            }
             Object.assign(attrs, extras);
 
             if(readonly) {
@@ -2321,10 +2328,7 @@ function get_form_values(gobj, $form)
             case "input":
                 switch(input_type) {
                     case "datetime-local":
-                        // Create a new Date object from the datetime-local $input value
-                        const date = new Date($input.value);
-                        // Convert the Date object to epoch time (in seconds)
-                        value = Math.floor(date.getTime() / 1000);
+                        value = datetime_local_to_epoch($input.value);
                         break;
                     default:
                         value = getInputValue($input);
@@ -2588,18 +2592,8 @@ function set_form_values(gobj, template, $form, record)
             case "input":
                 switch(input_type) {
                     case "datetime-local":
-                        /*  value is a Date (see treedb_value_2_form_value);
-                         *  a datetime-local input wants local
-                         *  "YYYY-MM-DDTHH:mm" (no seconds). */
-                        if(value instanceof Date && !isNaN(value.getTime())) {
-                            let pad = (n) => String(n).padStart(2, "0");
-                            $input.value =
-                                `${value.getFullYear()}-${pad(value.getMonth() + 1)}` +
-                                `-${pad(value.getDate())}T` +
-                                `${pad(value.getHours())}:${pad(value.getMinutes())}`;
-                        } else {
-                            $input.value = "";
-                        }
+                        /*  value is a Date (see treedb_value_2_form_value)  */
+                        $input.value = date_to_datetime_local(value);
                         break;
                     case "color":
                         $input.value = convertColor(value);