Feature: Add timezone to tickets (#863)

Author: daveearley

frontend/src/components/common/AttendeeTicket/index.tsx

@@ -61,7 +61,7 @@ export const AttendeeTicket = ({
                         <div className={classes.detailRow}>
                             <div className={classes.detailLabel}>{t`Date & Time`}</div>
                             <div className={classes.detailValue}>
-                                {prettyDate(event.start_date, event.timezone)}
+                                {prettyDate(event.start_date, event.timezone, true)}
                             </div>
                         </div>
                         {event?.organizer?.name && (

frontend/src/utilites/dates.ts

@@ -15,9 +15,9 @@ dayjs.extend(relativeTime);
 dayjs.extend(timezone);
 dayjs.extend(advanced)
 
-export const prettyDate = (date: string, tz: string): string => {
+export const prettyDate = (date: string, tz: string, showTimezoneOffset: boolean = false): string => {
     // eslint-disable-next-line lingui/no-unlocalized-strings
-    return dayjs.utc(date).tz(tz).format('MMM D, YYYY h:mma');
+    return dayjs.utc(date).tz(tz).format('MMM D, YYYY h:mma' + (showTimezoneOffset ? ' (z)' : ''));
 };
 
 export const formatDate = (date: string, format: string, tz: string): string => {