applications/calendar/src/app/components/getDateRangeText.ts

   1 import { format } from 'date-fns';
   2
   3 import { VIEWS } from '@proton/shared/lib/calendar/constants';
   4 import { dateLocale } from '@proton/shared/lib/i18n';
   5
   6 const { DAY, WEEK, MONTH, YEAR, AGENDA, CUSTOM, MAIL, DRIVE, SEARCH } = VIEWS;
   7
   8 const FORMATS = {
   9     [DAY]: 'PP',
  10     [WEEK]: 'PP',
  11     [MONTH]: 'MMMM yyyy',
  12     [YEAR]: 'yyyy',
  13     [AGENDA]: 'MMMM yyyy',
  14     [CUSTOM]: 'PP',
  15     [MAIL]: 'PP',
  16     [DRIVE]: 'PP',
  17     [SEARCH]: 'PP',
  18 };
  19
  20 const getDateRangeText = (view: VIEWS, range: number, currentDate: Date, dateRange: Date[]) => {
  21     const formatOptions = { locale: dateLocale };
  22     const [from, to] = dateRange;
  23
  24     if (view === WEEK || range > 0) {
  25         if (from.getMonth() === to.getMonth()) {
  26             const rest = format(from, 'MMMM yyyy', formatOptions);
  27             return `${rest}`;
  28         }
  29
  30         if (from.getFullYear() === to.getFullYear()) {
  31             const fromString = format(from, 'MMM', formatOptions);
  32             const toString = format(to, 'MMM', formatOptions);
  33             const rest = format(from, 'yyyy', formatOptions);
  34             return `${fromString} – ${toString} ${rest}`;
  35         }
  36
  37         const fromString = format(from, 'MMM yyyy', formatOptions);
  38         const toString = format(to, 'MMM yyyy', formatOptions);
  39         return `${fromString} – ${toString}`;
  40     }
  41
  42     return format(currentDate, FORMATS[view], formatOptions);
  43 };
  44
  45 export default getDateRangeText;