Merge pull request #79 from Automattic/try/add-timezones

Add in utc offset to modal & list view.
WordPress · Mar 12, 2020 · f08a128 · f08a128
2 parents 9563d85 + 03ce2ba
commit f08a128
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 2 deletions.
diff --git a/src/frontend/calendar/grid.js b/src/frontend/calendar/grid.js
@@ -49,7 +49,7 @@ function CalendarGrid( { month, year } ) {
 						<p>
 							<abbr title={ gmdate( 'c', activeEvent.datetime ) }>
 								{ format(
-									'l, F j, Y, g:i a',
+									'l, F j, Y, g:i a (\\U\\T\\CP)',
 									activeEvent.datetime
 								) }
 							</abbr>

diff --git a/src/frontend/list/list-item.js b/src/frontend/list/list-item.js
@@ -43,7 +43,12 @@ function ListItem( { date, events } ) {
 						}` }
 						key={ event.instance_id }
 					>
-						<div>{ format( 'g:i a ', event.datetime ) }</div>
+						<div>
+							{ format( 'g:i a ', event.datetime ) }
+							<div className="wporg-meeting-calendar__list-event-tz">
+								{ format( '(\\U\\T\\CP)', date ) }
+							</div>
+						</div>
 						<div className="wporg-meeting-calendar__list-event-details">
 							{ event.team && (
 								<a

diff --git a/src/frontend/styles.css b/src/frontend/styles.css
@@ -155,6 +155,11 @@
 	font-size: 16px;
 }
 
+.wporg-meeting-calendar__list-event-tz {
+	font-size: 12px;
+	color: #999;
+}
+
 .wporg-meeting-calendar__list-event-team {
 	font-size: 14px;
 	padding: 2px 6px;