@orfeas126/box-ui-elements
Version:
Box UI Elements
46 lines (45 loc) • 1.32 kB
JavaScript
/**
*
* @file Function to render the date table cell
* @author Box
*/
import * as React from 'react';
import { injectIntl, FormattedMessage } from 'react-intl';
import { isToday, isYesterday } from '../../../utils/datetime';
import messages from '../messages';
import './DateField.scss';
const DEFAULT_DATE_FORMAT = {
weekday: 'short',
month: 'short',
year: 'numeric',
day: 'numeric'
};
const DateField = ({
date,
dateFormat = DEFAULT_DATE_FORMAT,
omitCommas = false,
intl,
relative = true,
capitalize = false
}) => {
const d = new Date(date);
const isTodaysDate = isToday(d);
const isYesterdaysDate = isYesterday(d);
if (relative && (isTodaysDate || isYesterdaysDate)) {
let Message = /*#__PURE__*/React.createElement(FormattedMessage, messages.today);
if (isYesterdaysDate) {
Message = /*#__PURE__*/React.createElement(FormattedMessage, messages.yesterday);
}
if (capitalize) {
return /*#__PURE__*/React.createElement("span", {
className: "be-date-capitalize"
}, Message);
}
return Message;
}
let formattedDate = intl.formatDate(d, dateFormat);
formattedDate = omitCommas ? formattedDate.replace(/,/g, '') : formattedDate;
return formattedDate;
};
export default injectIntl(DateField);
//# sourceMappingURL=DateField.js.map