When using date-fns, how can I use intlFormatDistance such that for a duration less than 24 hours, it displays "today" or "yesterday", instead of "x hours ago".

Example:

intlFormatDistance(myDate, new Date());
// Default output: 13 hours ago
// Desired output: Today

When using date-fns, how can I use intlFormatDistance such that for a duration less than 24 hours, it displays "today" or "yesterday", instead of "x hours ago".

Example:

intlFormatDistance(myDate, new Date());
// Default output: 13 hours ago
// Desired output: Today

• javascript
• date-fns

1 Answer 1

Wrap it

const customIntlFormatDistance = (date, baseDate = new Date()) => 
  differenceInHours(baseDate, date) < 24 ? "Today" :
    isYesterday(date) ? "Yesterday" : 
      intlFormatDistance(date, baseDate);

In case you meant "if today" instead of < 24 then:

const customIntlFormatDistance = (date, baseDate = new Date()) => 
  isToday(date) ? "Today" : 
    isYesterday(date) ? "Yesterday" : 
      intlFormatDistance(date, baseDate);