fix(ui): support both date formats in UI: custom and RFC3339 (#335)

Author: agneum

Diff for: ui/packages/shared/types/api/entities/clone.ts

@@ -5,7 +5,7 @@
  *--------------------------------------------------------------------------
  */
 
-import { parseISO9075Date } from '@postgres.ai/shared/utils/date'
+import { parseDate } from '@postgres.ai/shared/utils/date'
 import {
   SnapshotDto,
   formatSnapshotDto,
@@ -35,7 +35,7 @@ export type CloneDto = {
 export const formatCloneDto = (dto: CloneDto) => ({
   ...dto,
   createdAt: dto.createdAt,
-  createdAtDate: parseISO9075Date(dto.createdAt),
+  createdAtDate: parseDate(dto.createdAt),
   snapshot: dto.snapshot ? formatSnapshotDto(dto.snapshot) : null,
 })
 

Diff for: ui/packages/shared/types/api/entities/snapshot.ts

@@ -1,4 +1,4 @@
-import { parseISO9075Date } from '@postgres.ai/shared/utils/date'
+import { parseDate } from '@postgres.ai/shared/utils/date'
 
 export type SnapshotDto = {
   createdAt: string
@@ -11,8 +11,8 @@ export type SnapshotDto = {
 
 export const formatSnapshotDto = (dto: SnapshotDto) => ({
   ...dto,
-  createdAtDate: parseISO9075Date(dto.createdAt),
-  dataStateAtDate: parseISO9075Date(dto.dataStateAt)
+  createdAtDate: parseDate(dto.createdAt),
+  dataStateAtDate: parseDate(dto.dataStateAt)
 })
 
 export type Snapshot = ReturnType<typeof formatSnapshotDto>

Diff for: ui/packages/shared/utils/date.ts

@@ -21,8 +21,9 @@ import {
   formatDistanceToNowStrict,
 } from 'date-fns'
 
-export const parseISO9075Date = (dateStr: string) =>
-  parse(dateStr.replace('UTC', 'Z'), 'yyyy-MM-dd HH:mm:ss X', new Date())
+// parseDate parses date of both format: '2006-01-02 15:04:05 UTC' and `2006-01-02T15:04:05Z` (RFC3339).
+export const parseDate = (dateStr: string) =>
+  parse(dateStr.replace(' UTC', 'Z').replace('T', ' '), 'yyyy-MM-dd HH:mm:ssX', new Date())
 
 // UTCf - UTC formatted, but not actually UTC.
 // date-fns using this approach because browser don't have an opportunity to switch single date