update creation time formatting

src/components/PhotoViewer/FileInfo/RenderCreationTime.tsx

@@ -6,7 +6,7 @@ import {
     changeFileCreationTime,
     updateExistingFilePubMetadata,
 } from 'utils/file';
-import { formatDateTime } from 'utils/time';
+import { formatDateMedium, formatTime } from 'utils/time';
 import { FlexWrapper } from 'components/Container';
 import { logError } from 'utils/sentry';
 import EnteDateTimePicker from 'components/EnteDateTimePicker';
@@ -60,8 +60,8 @@ export function RenderCreationTime({
             <FlexWrapper>
                 <InfoItem
                     icon={<CalendarTodayIcon />}
-                    title={formatDateTime(originalCreationTime)}
-                    caption={formatDateTime(originalCreationTime)}
+                    title={formatDateMedium(originalCreationTime)}
+                    caption={formatTime(originalCreationTime)}
                     openEditor={openEditMode}
                     loading={loading}
                     hideEditOption={shouldDisableEdits || isInEditMode}

src/utils/time/index.ts

@@ -33,11 +33,21 @@ export function formatDateShort(date: number | Date) {
     return dateTimeFormat.format(date);
 }
 
+export function formatDateMedium(date: number | Date) {
+    const dateTimeFormat = new Intl.DateTimeFormat('en-IN', {
+        weekday: 'short',
+        month: 'short',
+        day: 'numeric',
+        year: 'numeric',
+    });
+    return dateTimeFormat.format(date);
+}
+
 export function formatTime(date: number | Date) {
     const timeFormat = new Intl.DateTimeFormat('en-IN', {
         timeStyle: 'short',
     });
-    return timeFormat.format(date);
+    return timeFormat.format(date).toUpperCase();
 }
 
 export function getUnixTimeInMicroSecondsWithDelta(delta: TimeDelta): number {