<TimeAgo> with React Intl v2
import React from 'react'; | |
import { | |
injectIntl, | |
FormattedRelative, | |
} from 'react-intl'; | |
const TimeAgo = ({date, intl}) => { | |
let year = intl.formatDate(date, {year: 'numeric'}); | |
let month = intl.formatDate(date, {month: '2-digit'}); | |
let day = intl.formatDate(date, {day: '2-digit'}); | |
let formattedDate = intl.formatDate(date, { | |
year : 'long', | |
month: 'numeric', | |
day : 'numeric' | |
}); | |
return ( | |
<time | |
datetime={`${year}-${month}-${day}`} | |
title={formattedDate} | |
> | |
<FormattedRelative value={date} /> | |
</time> | |
); | |
}; | |
export default injectIntl(TimeAgo); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment