automatically provide localised Date for SSR in RelativeTime

Author: keithamus

packages/react/src/RelativeTime/RelativeTime.tsx

@@ -1,8 +1,18 @@
+import React from 'react'
 import {RelativeTimeElement} from '@github/relative-time-element'
-import type {ComponentProps} from '../utils/types'
 import {createComponent} from '../utils/custom-element'
 
-const RelativeTime = createComponent(RelativeTimeElement, 'relative-time')
+const RelativeTimeComponent = createComponent(RelativeTimeElement, 'relative-time')
+
+export type RelativeTimeProps = ComponentProps<typeof RelativeTimeComponent>
+
+const localeOptions: Intl.DateTimeFormatOptions = {month: 'short', day: 'numeric', year: 'numeric'}
+function RelativeTime({date, ...props}: RelativeTimeProps) {
+  return (
+    <RelativeTimeComponent {...props} date={date}>
+      ${date?.toLocaleDateString('en', localeOptions) || ''}
+    </RelativeTimeComponent>
+  )
+}
 
-export type RelativeTimeProps = ComponentProps<typeof RelativeTime>
 export default RelativeTime