datetooltip forcetime

theopensource-company · Apr 12, 2024 · 239b73d · 239b73d
1 parent 9398a1d
commit 239b73d
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 4 deletions.
diff --git a/src/app/[locale]/(public)/e/[event]/page.tsx b/src/app/[locale]/(public)/e/[event]/page.tsx
@@ -186,7 +186,7 @@ export default function Page() {
                                 Start of event
                             </h3>
                             <p className="text-sm text-foreground/75">
-                                <DateTooltip date={event.start} />
+                                <DateTooltip date={event.start} forceTime />
                             </p>
                         </div>
                     )}
@@ -196,7 +196,7 @@ export default function Page() {
                                 End of event
                             </h3>
                             <p className="text-sm text-foreground/75">
-                                <DateTooltip date={event.end} />
+                                <DateTooltip date={event.end} forceTime />
                             </p>
                         </div>
                     )}

diff --git a/src/components/miscellaneous/DateTooltip.tsx b/src/components/miscellaneous/DateTooltip.tsx
@@ -14,14 +14,20 @@ dayjs.extend(duration);
 dayjs.extend(localizedFormat);
 dayjs.extend(relativeTime);
 
-export function DateTooltip({ date }: { date: Date }) {
+export function DateTooltip({
+    date,
+    forceTime,
+}: {
+    date: Date;
+    forceTime?: boolean;
+}) {
     return (
         <TooltipProvider>
             <Tooltip delayDuration={200}>
                 <TooltipTrigger asChild>
                     <span>
                         {date.getTime() > new Date().getTime()
-                            ? dayjs(date).format('ll')
+                            ? dayjs(date).format(forceTime ? 'lll' : 'll')
                             : dayjs.duration(dayjs(date).diff()).humanize(true)}
                     </span>
                 </TooltipTrigger>