From 6436e56448233f20a6c8cefca4599a0399535641 Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Sat, 18 Apr 2026 13:30:09 +0300
Subject: [PATCH] feat(revisions): display date in relative time

---
 apps/client/src/widgets/dialogs/revisions.tsx | 6 +++---
 packages/commons/src/lib/dayjs.ts             | 3 +++
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/apps/client/src/widgets/dialogs/revisions.tsx b/apps/client/src/widgets/dialogs/revisions.tsx
index 56f9114bc1..eca813447c 100644
--- a/apps/client/src/widgets/dialogs/revisions.tsx
+++ b/apps/client/src/widgets/dialogs/revisions.tsx
@@ -1,6 +1,6 @@
 import "./revisions.css";
 
-import type { RevisionItem, RevisionPojo } from "@triliumnext/commons";
+import { dayjs, type RevisionItem, type RevisionPojo } from "@triliumnext/commons";
 import clsx from "clsx";
 import { diffWords } from "diff";
 import HtmlDiff from "htmldiff-js";
@@ -214,8 +214,8 @@ function RevisionsList({ revisions, onSelect, currentRevision }: { revisions: Re
                                 {item.description}
                             </div>
                         )}
-                        <div className="revision-item-date">
-                            {item.dateCreated && item.dateCreated.substr(0, 16)}
+                        <div className="revision-item-date" title={item.dateCreated?.substring(0, 16)}>
+                            {item.dateCreated && dayjs(item.dateCreated).fromNow()}
                         </div>
                         <div className="revision-item-meta">
                             <span className="revision-item-size">
diff --git a/packages/commons/src/lib/dayjs.ts b/packages/commons/src/lib/dayjs.ts
index 5bf0c1eafc..fe7e58b14c 100644
--- a/packages/commons/src/lib/dayjs.ts
+++ b/packages/commons/src/lib/dayjs.ts
@@ -7,6 +7,7 @@ import "dayjs/plugin/isoWeek";
 import "dayjs/plugin/isSameOrAfter";
 import "dayjs/plugin/isSameOrBefore";
 import "dayjs/plugin/quarterOfYear";
+import "dayjs/plugin/relativeTime";
 import "dayjs/plugin/utc";
 
 //#region Plugins
@@ -17,6 +18,7 @@ import isoWeek from "dayjs/plugin/isoWeek.js";
 import isSameOrAfter from "dayjs/plugin/isSameOrAfter.js";
 import isSameOrBefore from "dayjs/plugin/isSameOrBefore.js";
 import quarterOfYear from "dayjs/plugin/quarterOfYear.js";
+import relativeTime from "dayjs/plugin/relativeTime.js";
 import utc from "dayjs/plugin/utc.js";
 import { DISPLAYABLE_LOCALE_IDS, LOCALE_IDS } from "./i18n.js";
 
@@ -27,6 +29,7 @@ dayjs.extend(isoWeek);
 dayjs.extend(isSameOrAfter);
 dayjs.extend(isSameOrBefore);
 dayjs.extend(quarterOfYear);
+dayjs.extend(relativeTime);
 dayjs.extend(utc);
 //#endregion