26 lines
587 B
TypeScript
26 lines
587 B
TypeScript
import type { ComponentProps } from 'react';
|
|
|
|
import { FormattedDate } from 'react-intl';
|
|
|
|
export const FormattedDateWrapper = (
|
|
props: ComponentProps<typeof FormattedDate> & { className?: string },
|
|
) => (
|
|
<FormattedDate {...props}>
|
|
{(date) => (
|
|
<time dateTime={tryIsoString(props.value)} className={props.className}>
|
|
{date}
|
|
</time>
|
|
)}
|
|
</FormattedDate>
|
|
);
|
|
|
|
const tryIsoString = (date?: string | number | Date): string => {
|
|
if (!date) {
|
|
return '';
|
|
}
|
|
try {
|
|
return new Date(date).toISOString();
|
|
} catch {
|
|
return date.toString();
|
|
}
|
|
};
|