Json date support

Author: platypii

src/components/Json/Json.test.tsx

@@ -55,6 +55,11 @@ describe('Json Component', () => {
     getByText('"value"')
   })
 
+  it('renders a Date as its ISO string', () => {
+    const { getByText } = render(<Json json={new Date('2025-01-01')} />)
+    getByText('"2025-01-01T00:00:00.000Z"')
+  })
+
   it('renders nested objects', () => {
     const { getByText } = render(<Json json={{ obj: { arr: [314, '42'] } }} />)
     getByText('obj:')

src/components/Json/Json.tsx

@@ -27,6 +27,9 @@ function JsonContent({ json, label, expandRoot, pageLimit }: JsonProps): ReactNo
   let div
   if (Array.isArray(json)) {
     div = <JsonArray array={json} label={label} expandRoot={expandRoot} pageLimit={pageLimit} />
+  } else if (json instanceof Date) {
+    const key = label ? <span className={styles.key}>{label}: </span> : ''
+    div = <>{key}<span className={styles.string}>{JSON.stringify(json)}</span></>
   } else if (typeof json === 'object' && json !== null) {
     div = <JsonObject label={label} obj={json} expandRoot={expandRoot} pageLimit={pageLimit} />
   } else {