NXT-4230: Make datetime format consistent with version panel on hub

NXT-4230 (WebUI for "Change Component Link Version")

Author: xnhp

org.knime.ui.js/src/components/workflowEditor/ChangeHubItemVersionModal.vue

@@ -67,6 +67,24 @@ type DropdownOption = {
 
 const MAX_DESCRIPTION_LENGTH = 120;
 
+const formatCreatedOn = (createdOnValue: string | Date) => {
+  const rawValue =
+    createdOnValue instanceof Date
+      ? createdOnValue.toISOString()
+      : createdOnValue;
+  const dateLabel = formatDateString(rawValue);
+  const date = new Date(rawValue);
+  if (Number.isNaN(date.getTime())) {
+    return `Created on ${dateLabel}`;
+  }
+  const timeLabel = date.toLocaleTimeString("en-US", {
+    hour: "numeric",
+    minute: "2-digit",
+    hour12: true,
+  });
+  return `Created on ${dateLabel}, ${timeLabel}`;
+};
+
 const dropdownOptions = computed<DropdownOption[]>(() =>
   itemVersions.value
     .filter(
@@ -77,13 +95,7 @@ const dropdownOptions = computed<DropdownOption[]>(() =>
       const title = version.title ?? "Untitled";
       const author = version.author ? `Author: ${version.author}` : null;
       const createdOnValue = version.createdOn;
-      const createdOn = createdOnValue
-        ? `Created: ${formatDateString(
-            createdOnValue instanceof Date
-              ? createdOnValue.toISOString()
-              : createdOnValue,
-          )}`
-        : null;
+      const createdOn = createdOnValue ? formatCreatedOn(createdOnValue) : null;
       const rawDescription = version.description?.trim() ?? "";
       let description: string | null = null;
       if (rawDescription.length > 0) {