import { addDays } from "date-fns/addDays"; import { addSeconds } from "date-fns/addSeconds"; import { addMinutes } from "date-fns/addMinutes"; import { addHours } from "date-fns/addHours"; import { addWeeks } from "date-fns/addWeeks"; import { addMonths } from "date-fns/addMonths"; import { addYears } from "date-fns/addYears"; import { differenceInYears } from "date-fns/differenceInYears"; import { differenceInQuarters } from "date-fns/differenceInQuarters"; import { differenceInMonths } from "date-fns/differenceInMonths"; import { differenceInWeeks } from "date-fns/differenceInWeeks"; import { differenceInDays } from "date-fns/differenceInDays"; import { differenceInHours } from "date-fns/differenceInHours"; import { differenceInMinutes } from "date-fns/differenceInMinutes"; import { differenceInSeconds } from "date-fns/differenceInSeconds"; import { differenceInMilliseconds } from "date-fns/differenceInMilliseconds"; import { eachDayOfInterval } from "date-fns/eachDayOfInterval"; import { endOfDay } from "date-fns/endOfDay"; import { endOfWeek } from "date-fns/endOfWeek"; import { endOfYear } from "date-fns/endOfYear"; import { format, longFormatters } from "date-fns/format"; import { getDate } from "date-fns/getDate"; import { getDay } from "date-fns/getDay"; import { getDaysInMonth } from "date-fns/getDaysInMonth"; import { getHours } from "date-fns/getHours"; import { getMinutes } from "date-fns/getMinutes"; import { getMonth } from "date-fns/getMonth"; import { getSeconds } from "date-fns/getSeconds"; import { getYear } from "date-fns/getYear"; import { isAfter } from "date-fns/isAfter"; import { isBefore } from "date-fns/isBefore"; import { isEqual } from "date-fns/isEqual"; import { isSameDay } from "date-fns/isSameDay"; import { isSameYear } from "date-fns/isSameYear"; import { isSameMonth } from "date-fns/isSameMonth"; import { isSameHour } from "date-fns/isSameHour"; import { isValid } from "date-fns/isValid"; import { parse as dateFnsParse } from "date-fns/parse"; import { setDate } from "date-fns/setDate"; import { setHours } from "date-fns/setHours"; import { setMinutes } from "date-fns/setMinutes"; import { setMonth } from "date-fns/setMonth"; import { setSeconds } from "date-fns/setSeconds"; import { setYear } from "date-fns/setYear"; import { startOfDay } from "date-fns/startOfDay"; import { startOfMonth } from "date-fns/startOfMonth"; import { endOfMonth } from "date-fns/endOfMonth"; import { startOfWeek } from "date-fns/startOfWeek"; import { startOfYear } from "date-fns/startOfYear"; import { parseISO } from "date-fns/parseISO"; import { formatISO } from "date-fns/formatISO"; import { IUtils, DateIOFormats, Unit } from "@date-io/core/IUtils"; import { isWithinInterval } from "date-fns/isWithinInterval"; import { enUS as defaultLocale } from "date-fns/locale/en-US"; type Locale = typeof defaultLocale; const defaultFormats: DateIOFormats = { dayOfMonth: "d", fullDate: "PP", fullDateWithWeekday: "PPPP", fullDateTime: "PP p", fullDateTime12h: "PP hh:mm aa", fullDateTime24h: "PP HH:mm", fullTime: "p", fullTime12h: "hh:mm aa", fullTime24h: "HH:mm", hours12h: "hh", hours24h: "HH", keyboardDate: "P", keyboardDateTime: "P p", keyboardDateTime12h: "P hh:mm aa", keyboardDateTime24h: "P HH:mm", minutes: "mm", month: "LLLL", monthAndDate: "MMMM d", monthAndYear: "LLLL yyyy", monthShort: "MMM", weekday: "EEEE", weekdayShort: "EEE", normalDate: "d MMMM", normalDateWithWeekday: "EEE, MMM d", seconds: "ss", shortDate: "MMM d", year: "yyyy", }; export default class DateFnsUtils implements IUtils { public lib = "date-fns"; public locale?: Locale; public formats: DateIOFormats; constructor({ locale, formats, }: { formats?: Partial; locale?: Locale; instance?: any } = {}) { this.locale = locale; this.formats = Object.assign({}, defaultFormats, formats); } // Note: date-fns input types are more lenient than this adapter, so we need to expose our more // strict signature and delegate to the more lenient signature. Otherwise, we have downstream type errors upon usage. public is12HourCycleInCurrentLocale = () => { if (this.locale) { return /a/.test(this.locale.formatLong?.time({})); } // By default date-fns is using en-US locale with am/pm enabled return true; }; public getFormatHelperText = (format: string) => { // @see https://github.com/date-fns/date-fns/blob/master/src/format/index.js#L31 const longFormatRegexp = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g; const locale = this.locale || defaultLocale; return ( format .match(longFormatRegexp) ?.map((token) => { const firstCharacter = token[0]; if (firstCharacter === "p" || firstCharacter === "P") { const longFormatter = longFormatters[firstCharacter]; return longFormatter(token, locale.formatLong); } return token; }) .join("") .replace(/(aaa|aa|a)/g, "(a|p)m") .toLocaleLowerCase() ?? format ); }; public parseISO = (isoString: string) => { return parseISO(isoString); }; public toISO = (value: Date) => { return formatISO(value, { format: "extended" }); }; public getCurrentLocaleCode = () => { return this.locale?.code || "en-US"; }; public addSeconds = (value: Date, count: number) => { return addSeconds(value, count); }; public addMinutes = (value: Date, count: number) => { return addMinutes(value, count); }; public addHours = (value: Date, count: number) => { return addHours(value, count); }; public addDays = (value: Date, count: number) => { return addDays(value, count); }; public addWeeks = (value: Date, count: number) => { return addWeeks(value, count); }; public addMonths = (value: Date, count: number) => { return addMonths(value, count); }; public addYears = (value: Date, count: number) => { return addYears(value, count); }; public isValid = (value: any) => { return isValid(this.date(value)); }; public getDiff = (value: Date, comparing: Date | string, unit?: Unit) => { // we output 0 if the compare date is string and parsing is not valid const dateToCompare = this.date(comparing) ?? value; if (!this.isValid(dateToCompare)) { return 0; } switch (unit) { case "years": return differenceInYears(value, dateToCompare); case "quarters": return differenceInQuarters(value, dateToCompare); case "months": return differenceInMonths(value, dateToCompare); case "weeks": return differenceInWeeks(value, dateToCompare); case "days": return differenceInDays(value, dateToCompare); case "hours": return differenceInHours(value, dateToCompare); case "minutes": return differenceInMinutes(value, dateToCompare); case "seconds": return differenceInSeconds(value, dateToCompare); default: { return differenceInMilliseconds(value, dateToCompare); } } }; public isAfter = (value: Date, comparing: Date) => { return isAfter(value, comparing); }; public isBefore = (value: Date, comparing: Date) => { return isBefore(value, comparing); }; public startOfDay = (value: Date) => { return startOfDay(value); }; public endOfDay = (value: Date) => { return endOfDay(value); }; public getHours = (value: Date) => { return getHours(value); }; public setHours = (value: Date, count: number) => { return setHours(value, count); }; public setMinutes = (value: Date, count: number) => { return setMinutes(value, count); }; public getSeconds = (value: Date) => { return getSeconds(value); }; public setSeconds = (value: Date, count: number) => { return setSeconds(value, count); }; public isSameDay = (value: Date, comparing: Date) => { return isSameDay(value, comparing); }; public isSameMonth = (value: Date, comparing: Date) => { return isSameMonth(value, comparing); }; public isSameYear = (value: Date, comparing: Date) => { return isSameYear(value, comparing); }; public isSameHour = (value: Date, comparing: Date) => { return isSameHour(value, comparing); }; public startOfYear = (value: Date) => { return startOfYear(value); }; public endOfYear = (value: Date) => { return endOfYear(value); }; public startOfMonth = (value: Date) => { return startOfMonth(value); }; public endOfMonth = (value: Date) => { return endOfMonth(value); }; public startOfWeek = (value: Date) => { return startOfWeek(value, { locale: this.locale }); }; public endOfWeek = (value: Date) => { return endOfWeek(value, { locale: this.locale }); }; public getYear = (value: Date) => { return getYear(value); }; public setYear = (value: Date, count: number) => { return setYear(value, count); }; date< TArg extends unknown = undefined, TRes extends unknown = TArg extends null ? null : TArg extends undefined ? Date : Date | null >(value?: TArg): TRes { if (typeof value === "undefined") { return new Date() as TRes; } if (value === null) { return null as TRes; } return new Date(value as string | number) as TRes; } public toJsDate = (value: Date) => { return value; }; public parse = (value: string, formatString: string) => { if (value === "") { return null; } return dateFnsParse(value, formatString, new Date(), { locale: this.locale }); }; public format = (date: Date, formatKey: keyof DateIOFormats) => { return this.formatByString(date, this.formats[formatKey]); }; public formatByString = (date: Date, formatString: string) => { return format(date, formatString, { locale: this.locale }); }; public isEqual = (date: any, comparing: any) => { if (date === null && comparing === null) { return true; } return isEqual(date, comparing); }; public isNull = (date: Date) => { return date === null; }; public isAfterDay = (date: Date, value: Date) => { return isAfter(date, endOfDay(value)); }; public isBeforeDay = (date: Date, value: Date) => { return isBefore(date, startOfDay(value)); }; public isBeforeYear = (date: Date, value: Date) => { return isBefore(date, startOfYear(value)); }; public isBeforeMonth(value: Date, comparing: Date): boolean { return isBefore(value, startOfMonth(comparing)); } public isAfterMonth(value: Date, comparing: Date): boolean { return isAfter(value, startOfMonth(comparing)); } public isAfterYear = (date: Date, value: Date) => { return isAfter(date, endOfYear(value)); }; public isWithinRange = (date: Date, [start, end]: [Date, Date]) => { return isWithinInterval(date, { start, end }); }; public formatNumber = (numberToFormat: string) => { return numberToFormat; }; public getMinutes = (date: Date) => { return getMinutes(date); }; public getDate = (date: Date) => { return getDate(date); }; public setDate = (date: Date, count: number) => { return setDate(date, count); }; public getMonth = (date: Date) => { return getMonth(date); }; public getDaysInMonth = (date: Date) => { return getDaysInMonth(date); }; public setMonth = (date: Date, count: number) => { return setMonth(date, count); }; public getMeridiemText = (ampm: "am" | "pm") => { return ampm === "am" ? "AM" : "PM"; }; public getNextMonth = (date: Date) => { return addMonths(date, 1); }; public getPreviousMonth = (date: Date) => { return addMonths(date, -1); }; public getMonthArray = (date: Date) => { const firstMonth = startOfYear(date); const monthArray = [firstMonth]; while (monthArray.length < 12) { const prevMonth = monthArray[monthArray.length - 1]; monthArray.push(this.getNextMonth(prevMonth)); } return monthArray; }; public mergeDateAndTime = (date: Date, time: Date) => { return this.setSeconds( this.setMinutes(this.setHours(date, this.getHours(time)), this.getMinutes(time)), this.getSeconds(time) ); }; public getWeekdays = () => { const now = new Date(); return eachDayOfInterval({ start: startOfWeek(now, { locale: this.locale }), end: endOfWeek(now, { locale: this.locale }), }).map((day) => this.formatByString(day, "EEEEEE")); }; public getWeekArray = (date: Date) => { const start = startOfWeek(startOfMonth(date), { locale: this.locale }); const end = endOfWeek(endOfMonth(date), { locale: this.locale }); let count = 0; let current = start; const nestedWeeks: Date[][] = []; let lastDay = null as null | number; while (isBefore(current, end)) { const weekNumber = Math.floor(count / 7); nestedWeeks[weekNumber] = nestedWeeks[weekNumber] || []; const day = getDay(current); if (lastDay !== day) { lastDay = day; nestedWeeks[weekNumber].push(current); count += 1; } current = addDays(current, 1); } return nestedWeeks; }; public getYearRange = (start: Date, end: Date) => { const startDate = startOfYear(start); const endDate = endOfYear(end); const years: Date[] = []; let current = startDate; while (isBefore(current, endDate)) { years.push(current); current = addYears(current, 1); } return years; }; }