feat: format title attribute when using relative time (#16)

Closes #12
metonym · May 15, 2022 · 2d9bc08 · 2d9bc08
1 parent 24ae98d
commit 2d9bc08
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/src/Time.svelte b/src/Time.svelte
@@ -7,6 +7,7 @@
 
   /**
    * Timestamp format for display
+   * It's also used as a title in the `relative` mode
    * @type {import("dayjs").OptionType}
    * @example "YYYY-MM-DD"
    */
@@ -55,7 +56,7 @@
   });
 
   $: formatted = relative ? dayjs(timestamp).from() : dayjs(timestamp).format(format);
-  $: title = relative ? timestamp : undefined;
+  $: title = relative ? dayjs(timestamp).format(format) : undefined;
 </script>
 
 <time {...$$restProps} title="{title}" datetime="{timestamp}">

diff --git a/src/svelte-time.js b/src/svelte-time.js
@@ -17,7 +17,7 @@ export function svelteTime(node, options = {}) {
     const formatted = relative ? dayjs(timestamp).from() : dayjs(timestamp).format(format);
 
     if (relative) {
-      node.setAttribute("title", timestamp);
+      node.setAttribute("title", dayjs(timestamp).format(format));
 
       if (live !== false) {
         interval = setInterval(() => {