1import moment from 'moment';
 2import React from 'react';
 3import Moment from 'react-moment';
 4
 5import Tooltip from '@material-ui/core/Tooltip/Tooltip';
 6
 7const HOUR = 1000 * 3600;
 8const DAY = 24 * HOUR;
 9const WEEK = 7 * DAY;
10
11type Props = { date: string };
12const Date = ({ date }: Props) => (
13  <Tooltip title={moment(date).format('LLLL')}>
14    <span>
15      on <Moment date={date} format="ll" fromNowDuring={WEEK} />
16    </span>
17  </Tooltip>
18);
19
20export default Date;