Modern Date Time Libraries for JavaScript and TypeScript

Here's a list of modern date time libraries for JavaScript and TypeScript:

• date-fns
• Luxon
• Day.js

Moment was a favorite library, and simply a requirement, for a large number of JavaScript projects that I've worked on. However it is no longer maintained. Luxon is the successor library for it.

The modern libraries mentioned above are actively maintained and all of them have smaller bundle sizes.

Bundle Sizes

Here's a comparison of bundle sizes:

library	minified	minified+gzipped
date-fns	75.5kb	17.2kb
Luxon	78.1kb	23kb
Day.js	6.9kb	3kb
Moment	294.9kb	73.1kb

API and Code Examples

Here's a comparison of some of their API functions and how the code looks.

date-fns

import { format, addDays, subBusinessDays, getOverlappingDaysInIntervals } from "date-fns";
format(new Date(2014, 1, 11), "MM/dd/yyyy");
const result = addDays(new Date(2014, 4, 1), 2);
subBusinessDays(new Date(2014, 8, 1), 10);
getOverlappingDaysInIntervals(
  { start: new Date(2014, 0, 10), end: new Date(2014, 0, 20) },
  { start: new Date(2014, 0, 17), end: new Date(2014, 0, 21) }
);

Luxon

const now = DateTime.now();
DateTime.fromISO("2017-05-15T08:30:00")
dt = DateTime.now();
dt.plus({ hours: 3, minutes: 2 });
dt.minus({ days: 7 });
dt.startOf('day');
dt.endOf('hour');
var dur = Duration.fromObject({ hours: 2, minutes: 7 });
dt.plus(dur);

Day.js

var now = dayjs();
now.add(7, 'day')
dayjs().isBefore(dayjs('2011-01-01'))

Cover image by Marcin Nowak on Unsplash