diff --git a/src/frontend/app/ui/gallery/lightbox/infopanel/info-panel.lightbox.gallery.component.html b/src/frontend/app/ui/gallery/lightbox/infopanel/info-panel.lightbox.gallery.component.html
index cfed77719..f91ca3564 100644
--- a/src/frontend/app/ui/gallery/lightbox/infopanel/info-panel.lightbox.gallery.component.html
+++ b/src/frontend/app/ui/gallery/lightbox/infopanel/info-panel.lightbox.gallery.component.html
@@ -28,10 +28,10 @@
Info
- {{ media.metadata.creationDate | date: (isThisYear() ? 'MMMM d' : 'longDate')}}
+ {{ media.metadata.creationDate | date: (isThisYear() ? 'MMMM d' : 'longDate') : 'UTC' }}
-
{{ media.metadata.creationDate | date :'EEEE'}}, {{getTime()}}
+
{{ media.metadata.creationDate | date : 'EEEE, HH:mm:ss' : 'UTC' }}
diff --git a/src/frontend/app/ui/gallery/lightbox/infopanel/info-panel.lightbox.gallery.component.ts b/src/frontend/app/ui/gallery/lightbox/infopanel/info-panel.lightbox.gallery.component.ts
index 66b268fd7..4acf4112b 100644
--- a/src/frontend/app/ui/gallery/lightbox/infopanel/info-panel.lightbox.gallery.component.ts
+++ b/src/frontend/app/ui/gallery/lightbox/infopanel/info-panel.lightbox.gallery.component.ts
@@ -150,15 +150,10 @@ export class InfoPanelLightboxComponent implements OnInit, OnChanges {
isThisYear(): boolean {
return (
new Date().getFullYear() ===
- new Date(this.media.metadata.creationDate).getFullYear()
+ new Date(this.media.metadata.creationDate).getUTCFullYear()
);
}
- getTime(): string {
- const date = new Date(this.media.metadata.creationDate);
- return date.toTimeString().split(' ')[0];
- }
-
toFraction(f: number): string | number {
if (f > 1) {
return f;