ECMAScript Modules

date-fns v2.x provides support for ECMAScript Modules that enables tree-shaking for bundlers, like rollup.js and webpack.

If you have tree-shaking enabled in your browser, just import functions normally:

import { format, parse } from 'date-fns'
import { enUS, eo } from 'date-fns/locale'
import { addDays, addHours } from 'date-fns/fp'

In TypeScript, now you can import individual functions in more idiomatic way:

// Before
import * as format from 'date-fns/format'

// Now
import format from 'date-fns/format'