Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.
https://github.com/joanllenas/ngx-date-fns

⏳ date-fns pipes for Angular
https://github.com/joanllenas/ngx-date-fns
angular angular2 date date-fns ng2 ngx
Last synced: about 1 month ago
JSON representation
⏳ date-fns pipes for Angular
Host: GitHub
URL: https://github.com/joanllenas/ngx-date-fns
Owner: joanllenas
Created: 2017-05-21T09:38:48.000Z (about 7 years ago)
Default Branch: master
Last Pushed: 2023-12-28T14:51:33.000Z (7 months ago)
Last Synced: 2023-12-28T15:45:00.658Z (7 months ago)
Topics: angular, angular2, date, date-fns, ng2, ngx
Language: TypeScript
Homepage:
Size: 2.44 MB
Stars: 159
Watchers: 3
Forks: 15
Open Issues: 1
Metadata Files:
- Readme: README.md
Lists

awesome-angular - ngx-date-fns - date-fns pipes for Angular. (Table of contents / Third Party Components)
README

        # ![](./.github/14921202.png) + ![](.github/icon_angular_gradient.png) = ngx-date-fns

[![Build Status](https://travis-ci.org/joanllenas/ngx-date-fns.png?branch=master)](https://travis-ci.org/joanllenas/ngx-date-fns)

[![codecov](https://codecov.io/gh/joanllenas/ngx-date-fns/branch/master/graph/badge.svg)](https://codecov.io/gh/joanllenas/ngx-date-fns)

[![npm version](https://badge.fury.io/js/ngx-date-fns.svg)](https://badge.fury.io/js/ngx-date-fns)

[![npm downloads](https://img.shields.io/npm/dm/ngx-date-fns)](https://www.npmjs.com/package/ngx-date-fns)

[date-fns](https://date-fns.org/) pipes for Angular applications.

## Table Of Contents

- [Requirememnts](#requirememnts)

- [Installation](#installation)

  - [date-fns v3 support](#installation)

  - [date-fns v2 support](#v2-support)

  - [date-fns v1 support](#v1-support)

- [Basic Usage](#usage)

- [Working with locales](#locales)

  - [Changing locale globally](#locale-globally)

  - [Changing locale at runtime](#locale-runtime)

- [_Pure_ or _impure_?](#pure-impure)

- [Available pipes 📚](#pipes)

  - [Misc. pipes](#misc-pipes)

  - [Format... pipes](#format-pipes)

  - [Get... pipes](#get-pipes)

  - [Difference... pipes](#difference-pipes)

  - [Add... pipes](#add-pipes)

  - [Subtract... pipes](#subtract-pipes)

  - [End... pipes](#end-pipes)

  - [Start... pipes](#start-pipes)

  - [Last day of... pipes](#last-day-of-pipes)

  - [Is... pipes](#is-pipes)

- [Utils](#utils)



## Requirememnts

The latest version of this library requires:

- [date-fns](https://date-fns.org/) `>= v3.0.0`.

- Angular `>= v17.0.0`.



## Installation

- `npm install --save date-fns`

- `npm install --save ngx-date-fns`



#### Installation for date-fns v2

- `npm install --save [email protected]`

- `npm install --save [email protected]`

- [[email protected] docs](https://github.com/joanllenas/ngx-date-fns/tree/v10.0.1)

> ⚠️ There's a range of date-fns versions for which _tree shaking_ is broken, so we recommend that you either install `v2.16.1` or `>= v2.21.1`.



#### Installation for date-fns v1

- `npm install --save [email protected]`

- `npm install --save [email protected]`

- [[email protected] docs](https://github.com/joanllenas/ngx-date-fns/tree/v4.0.3)



## Basic Usage

> [stackblitz example](https://stackblitz.com/edit/stackblitz-starters-eonlzk?file=src%2Fmain.ts)

```typescript

import { CommonModule } from '@angular/common';

import { Component } from '@angular/core';

import { bootstrapApplication } from '@angular/platform-browser';

import 'zone.js';

import { es } from 'date-fns/locale';

import { DateFnsModule } from 'ngx-date-fns';

@Component({

  selector: 'app-root',

  standalone: true,

  imports: [CommonModule, DateFnsModule],

  template: `

    
{{ dateOne | dfnsFormat: 'MM/dd/yyyy' }}

    {{ [dateOne, dateTwo] | dfnsMin | dfnsFormat: 'EEE LLLL d yyyy' }}

    

      {{ [dateOne, dateTwo] | dfnsMax | dfnsFormat: 'EEE LLLL d yyyy' }}

    

    

      {{ dateThree | dfnsFormatDistanceToNow: options }} - (Explicit 'es'

      locale)

    

    {{ 0 | dfnsWeekdayName: 'full':options }} - (Explicit 'es' locale)

    

      {{

        '12 de Marzo'

          | dfnsParse: parseFormat:parseDate:parseLocale

          | dfnsFormat: 'MM/dd/yyyy'

      }}

    

  `

})

export class App {

  dateOne = new Date(2016, 0, 1);

  dateTwo = new Date(2017, 0, 1);

  dateThree: Date;

  options = {

    locale: es,

    addSuffix: true

  };

  parseDate = new Date(2010, 0, 1);

  parseFormat = `do 'de' MMMM`;

  parseLocale = { locale: es };

  constructor() {

    this.dateThree = new Date();

    this.dateThree.setDate(this.dateThree.getDate() - 6);

  }

}

bootstrapApplication(App);

```

The output:

```

01/01/2016

Fri January 1 2016

Sun January 1 2017

hace 6 días - (Explicit 'es' locale)

lunes - (Explicit 'es' locale)

03/12/2010

```



## Working with locales

> All locale-aware pipes use English by default.



### Changing locale globally

Instead of passing the locale to each pipe via `options` you can set it globally in one single step by overriding the default `DateFnsConfiguration` implementation:

> [stackblitz example](https://stackblitz.com/edit/stackblitz-starters-za1fa7?file=src%2Fmain.ts)

```typescript

// app.config.ts

import { ApplicationConfig } from '@angular/core';

import { DateFnsConfigurationService } from 'ngx-date-fns';

import { fr } from 'date-fns/locale';

const frenchConfig = new DateFnsConfigurationService();

frenchConfig.setLocale(fr);

export const appConfig: ApplicationConfig = {

  providers: [{ provide: DateFnsConfigurationService, useValue: frenchConfig }]

};

```

```typescript

// main.ts

import { CommonModule } from '@angular/common';

import { Component } from '@angular/core';

import { bootstrapApplication } from '@angular/platform-browser';

import 'zone.js';

import { es } from 'date-fns/locale';

import { DateFnsModule } from 'ngx-date-fns';

import { appConfig } from './app.config';

@Component({

  selector: 'app-root',

  standalone: true,

  imports: [CommonModule, DateFnsModule],

  template: `

    (...)

  `

})

export class App {

  // (...)

}

bootstrapApplication(App, appConfig).catch(err => console.error(err));

```



### Changing locale at runtime

It is also possible to change the default locale at runtime:

> [stackblitz example](https://stackblitz.com/edit/stackblitz-starters-6rbpwc?file=src%2Fmain.ts)

```typescript

import { CommonModule } from '@angular/common';

import { Component } from '@angular/core';

import { bootstrapApplication } from '@angular/platform-browser';

import 'zone.js';

import { es, de } from 'date-fns/locale';

import { DateFnsConfigurationService, DateFnsModule } from 'ngx-date-fns';

@Component({

  selector: 'app-root',

  standalone: true,

  imports: [CommonModule, DateFnsModule],

  template: `

    
{{ dateOne | dfnsFormat: 'EEE LLLL d yyyy' }}

    

    Set default locale to: German,

    Spanish.

  `

})

export class App {

  dateOne = new Date(2016, 0, 1);

  constructor(public config: DateFnsConfigurationService) {}

  changeToGerman() {

    this.config.setLocale(de);

  }

  changeToSpanish() {

    this.config.setLocale(es);

  }

}

bootstrapApplication(App);

```



### _Pure_ or _impure_?

Should I use the _pure_ or _impure_ version of the locale-aware pipes?

The answer is quite simple:

- Do you set the locale only once when the application starts?

  - Use only _pure_ pipes.

- Do you need to change the locale at runtime?

  - Use _impure_ pipes.

The main difference is that _pure_ pipes do not get notified when the locale is changed via `DateFnsConfiguration.setLocale(locale: Locale)`, because the instance is not kept in memory. Impure _pipes_, on the other hand, are kept in memory and listen for Locale change notifications, which adds some memory and performance overhead.



## Available pipes

> All pipes are pure unless stated otherwise.



#### Misc

- [dfnsParse](https://date-fns.org/v2.16.0/docs/parse) _([impure](#pure-or-impure))_

  - [dfnsParsePure](https://date-fns.org/v2.16.0/docs/parse)

- [dfnsParseIso](https://date-fns.org/v2.16.0/docs/parseISO)

- [dfnsClosestTo](https://date-fns.org/v2.16.0/docs/closestTo)

- [dfnsMin](https://date-fns.org/v2.16.0/docs/min)

- [dfnsMax](https://date-fns.org/v2.16.0/docs/max)



#### Format

> Since `v7.0.0` invalid Dates will return an empty string instead of throwing an exception.

- [dfnsFormat](https://date-fns.org/v2.16.0/docs/format) _([impure](#pure-or-impure))_

  - [dfnsFormatPure](https://date-fns.org/v2.16.0/docs/format)

- [dfnsFormatRelative](https://date-fns.org/v2.16.0/docs/formatRelative) _([impure](#pure-or-impure))_

  - [dfnsFormatRelativePure](https://date-fns.org/v2.16.0/docs/formatRelative)

- [dfnsFormatDistance](https://date-fns.org/v2.16.0/docs/formatDistance) _([impure](#pure-or-impure))_

  - [dfnsFormatDistancePure](https://date-fns.org/v2.16.0/docs/formatDistance)

- [dfnsFormatDistanceStrict](https://date-fns.org/v2.16.0/docs/formatDistanceStrict) _([impure](#pure-or-impure))_

  - [dfnsFormatDistanceStrictPure](https://date-fns.org/v2.16.0/docs/formatDistanceStrict)

- [dfnsFormatDistanceToNow](https://date-fns.org/v2.16.0/docs/formatDistanceToNow) _([impure](#pure-or-impure))_

  - [dfnsFormatDistanceToNowPure](https://date-fns.org/v2.16.0/docs/formatDistanceToNow)

- [dfnsFormatDistanceToNowStrict](https://date-fns.org/v2.16.0/docs/formatDistanceToNowStrict) _([impure](#pure-or-impure))_

  - [dfnsFormatDistanceToNowStrictPure](https://date-fns.org/v2.16.0/docs/formatDistanceToNowStrict)

- [dfnsFormatDuration](https://date-fns.org/v2.16.0/docs/formatDuration) _([impure](#pure-or-impure))_

  - [dfnsFormatDurationPure](https://date-fns.org/v2.16.0/docs/formatDuration)



#### Get

- [dfnsGetOverlappingDaysInIntervals](https://date-fns.org/v2.16.0/docs/getOverlappingDaysInIntervals)

- [dfnsGetTime](https://date-fns.org/v2.16.0/docs/getTime)

- [dfnsGetMilliseconds](https://date-fns.org/v2.16.0/docs/getMilliseconds)

- [dfnsGetSeconds](https://date-fns.org/v2.16.0/docs/getSeconds)

- [dfnsGetMinutes](https://date-fns.org/v2.16.0/docs/getMinutes)

- [dfnsGetHours](https://date-fns.org/v2.16.0/docs/getHours)

- [dfnsGetDate](https://date-fns.org/v2.16.0/docs/getDate)

- [dfnsGetDayOfYear](https://date-fns.org/v2.16.0/docs/getDayOfYear)

- [dfnsGetDay](https://date-fns.org/v2.16.0/docs/getDay)

- [dfnsGetISODay](https://date-fns.org/v2.16.0/docs/getISODay)

- [dfnsGetISOWeek](https://date-fns.org/v2.16.0/docs/getISOWeek)

- [dfnsGetDaysInMonth](https://date-fns.org/v2.16.0/docs/getDaysInMonth)

- [dfnsGetMonth](https://date-fns.org/v2.16.0/docs/getMonth)

- [dfnsGetQuarter](https://date-fns.org/v2.16.0/docs/getQuarter)

- [dfnsGetDaysInYear](https://date-fns.org/v2.16.0/docs/getDaysInYear)

- [dfnsGetYear](https://date-fns.org/v2.16.0/docs/getYear)

- [dfnsGetISOWeeksInYear](https://date-fns.org/v2.16.0/docs/getISOWeeksInYear)

- [dfnsGetISOWeekYear](https://date-fns.org/v2.16.0/docs/getISOWeekYear)

- [dfnsGetUnixTime](https://date-fns.org/v2.16.0/docs/getUnixTime)

- [dfnsGetWeek](https://date-fns.org/v2.16.0/docs/getWeek) _([impure](#pure-or-impure))_

  - [dfnsGetWeekPure](https://date-fns.org/v2.16.0/docs/getWeek)

- [dfnsGetWeekOfMonth](https://date-fns.org/v2.16.0/docs/getWeekOfMonth) _([impure](#pure-or-impure))_

  - [dfnsGetWeekOfMonthPure](https://date-fns.org/v2.16.0/docs/getWeekOfMonth)

- [dfnsGetWeeksInMonth](https://date-fns.org/v2.16.0/docs/getWeeksInMonth) _([impure](#pure-or-impure))_

  - [dfnsGetWeeksInMonthPure](https://date-fns.org/v2.16.0/docs/getWeeksInMonth)

- [dfnsGetDecade](https://date-fns.org/v2.16.0/docs/getDecade)

- [dfnsGetWeekYear](https://date-fns.org/v2.16.0/docs/getWeekYear) _([impure](#pure-or-impure))_

  - [dfnsGetWeekYearPure](https://date-fns.org/v2.16.0/docs/getWeekYear)



#### Difference

- [dfnsDifferenceInMilliseconds](https://date-fns.org/v2.16.0/docs/differenceInMilliseconds)

- [dfnsDifferenceInSeconds](https://date-fns.org/v2.16.0/docs/differenceInSeconds)

- [dfnsDifferenceInMinutes](https://date-fns.org/v2.16.0/docs/differenceInMinutes)

- [dfnsDifferenceInHours](https://date-fns.org/v2.16.0/docs/differenceInHours)

- [dfnsDifferenceInCalendarDays](https://date-fns.org/v2.16.0/docs/differenceInCalendarDays)

- [dfnsDifferenceInBusinessDays](https://date-fns.org/v2.16.0/docs/differenceInBusinessDays)

- [dfnsDifferenceInDays](https://date-fns.org/v2.16.0/docs/differenceInDays)

- [dfnsDifferenceInCalendarWeeks](https://date-fns.org/v2.16.0/docs/differenceInCalendarWeeks)

- [dfnsDifferenceInWeeks](https://date-fns.org/v2.16.0/docs/differenceInWeeks)

- [dfnsDifferenceInCalendarISOWeeks](https://date-fns.org/v2.16.0/docs/differenceInCalendarISOWeeks)

- [dfnsDifferenceInCalendarMonths](https://date-fns.org/v2.16.0/docs/differenceInCalendarMonths)

- [dfnsDifferenceInMonths](https://date-fns.org/v2.16.0/docs/differenceInMonths)

- [dfnsDifferenceInCalendarQuarters](https://date-fns.org/v2.16.0/docs/differenceInCalendarQuarters)

- [dfnsDifferenceInQuarters](https://date-fns.org/v2.16.0/docs/differenceInQuarters)

- [dfnsDifferenceInCalendarYears](https://date-fns.org/v2.16.0/docs/differenceInCalendarYears)

- [dfnsDifferenceInYears](https://date-fns.org/v2.16.0/docs/differenceInYears)

- [dfnsDifferenceInCalendarISOWeekYears](https://date-fns.org/v2.16.0/docs/differenceInCalendarISOWeekYears)

- [dfnsDifferenceInISOWeekYears](https://date-fns.org/v2.16.0/docs/differenceInISOWeekYears)



#### Add

- [dfnsAddMilliseconds](https://date-fns.org/v2.16.0/docs/addMilliseconds)

- [dfnsAddSeconds](https://date-fns.org/v2.16.0/docs/addSeconds)

- [dfnsAddMinutes](https://date-fns.org/v2.16.0/docs/addMinutes)

- [dfnsAddHours](https://date-fns.org/v2.16.0/docs/addHours)

- [dfnsAddBusinessDays](https://date-fns.org/v2.16.0/docs/addBusinessDays)

- [dfnsAddDays](https://date-fns.org/v2.16.0/docs/addDays)

- [dfnsAddWeeks](https://date-fns.org/v2.16.0/docs/addWeeks)

- [dfnsAddMonths](https://date-fns.org/v2.16.0/docs/addMonths)

- [dfnsAddQuarters](https://date-fns.org/v2.16.0/docs/addQuarters)

- [dfnsAddYears](https://date-fns.org/v2.16.0/docs/addYears)

- [dfnsAddISOWeekYears](https://date-fns.org/v2.16.0/docs/addISOWeekYears)



#### Subtract

- [dfnsSubMilliseconds](https://date-fns.org/v2.16.0/docs/subMilliseconds)

- [dfnsSubSeconds](https://date-fns.org/v2.16.0/docs/subSeconds)

- [dfnsSubMinutes](https://date-fns.org/v2.16.0/docs/subMinutes)

- [dfnsSubHours](https://date-fns.org/v2.16.0/docs/subHours)

- [dfnsSubDays](https://date-fns.org/v2.16.0/docs/subDays)

- [dfnsSubWeeks](https://date-fns.org/v2.16.0/docs/subWeeks)

- [dfnsSubMonths](https://date-fns.org/v2.16.0/docs/subMonths)

- [dfnsSubQuarters](https://date-fns.org/v2.16.0/docs/subQuarters)

- [dfnsSubYears](https://date-fns.org/v2.16.0/docs/subYears)

- [dfnsSubISOWeekYears](https://date-fns.org/v2.16.0/docs/subISOWeekYears)



#### End

- [dfnsEndOfSecond](https://date-fns.org/v2.16.0/docs/endOfSecond)

- [dfnsEndOfMinute](https://date-fns.org/v2.16.0/docs/endOfMinute)

- [dfnsEndOfHour](https://date-fns.org/v2.16.0/docs/endOfHour)

- [dfnsEndOfDay](https://date-fns.org/v2.16.0/docs/endOfDay)

- [dfnsEndOfToday](https://date-fns.org/v2.16.0/docs/endOfToday)

- [dfnsEndOfTomorrow](https://date-fns.org/v2.16.0/docs/endOfTomorrow)

- [dfnsEndOfYesterday](https://date-fns.org/v2.16.0/docs/endOfYesterday)

- [dfnsEndOfWeek](https://date-fns.org/v2.16.0/docs/endOfWeek)

- [dfnsEndOfISOWeek](https://date-fns.org/v2.16.0/docs/endOfISOWeek)

- [dfnsEndOfMonth](https://date-fns.org/v2.16.0/docs/endOfMonth)

- [dfnsEndOfQuarter](https://date-fns.org/v2.16.0/docs/endOfQuarter)

- [dfnsEndOfYear](https://date-fns.org/v2.16.0/docs/endOfYear)

- [dfnsEndOfISOWeekYear](https://date-fns.org/v2.16.0/docs/endOfISOWeekYear)



#### Start

- [dfnsStartOfSecond](https://date-fns.org/v2.16.0/docs/startOfSecond)

- [dfnsStartOfMinute](https://date-fns.org/v2.16.0/docs/startOfMinute)

- [dfnsStartOfHour](https://date-fns.org/v2.16.0/docs/startOfHour)

- [dfnsStartOfDay](https://date-fns.org/v2.16.0/docs/startOfDay)

- [dfnsStartOfToday](https://date-fns.org/v2.16.0/docs/startOfToday)

- [dfnsStartOfTomorrow](https://date-fns.org/v2.16.0/docs/startOfTomorrow)

- [dfnsStartOfYesterday](https://date-fns.org/v2.16.0/docs/startOfYesterday)

- [dfnsStartOfWeek](https://date-fns.org/v2.16.0/docs/startOfWeek) _([impure](#pure-or-impure))_

  - [dfnsStartOfWeekPure](https://date-fns.org/v2.16.0/docs/startOfWeek)

- [dfnsStartOfISOWeek](https://date-fns.org/v2.16.0/docs/startOfISOWeek)

- [dfnsStartOfMonth](https://date-fns.org/v2.16.0/docs/startOfMonth)

- [dfnsStartOfQuarter](https://date-fns.org/v2.16.0/docs/startOfQuarter)

- [dfnsStartOfYear](https://date-fns.org/v2.16.0/docs/startOfYear)

- [dfnsStartOfISOWeekYear](https://date-fns.org/v2.16.0/docs/startOfISOWeekYear)

- [dfnsStartOfDecade](https://date-fns.org/v2.16.0/docs/startOfDecade)

- [dfnsStartOfWeekYear](https://date-fns.org/v2.16.0/docs/startOfWeekYear) _([impure](#pure-or-impure))_

  - [dfnsStartOfWeekYearPure](https://date-fns.org/v2.16.0/docs/startOfWeekYear)



#### Last Day Of

- [dfnsLastDayOfWeek](https://date-fns.org/v2.16.0/docs/lastDayOfWeek) _([impure](#pure-or-impure))_

  - [dfnsLastDayOfWeekPure](https://date-fns.org/v2.16.0/docs/lastDayOfWeek)

- [dfnsLastDayOfISOWeek](https://date-fns.org/v2.16.0/docs/lastDayOfISOWeek)

- [dfnsLastDayOfMonth](https://date-fns.org/v2.16.0/docs/lastDayOfMonth)

- [dfnsLastDayOfQuarter](https://date-fns.org/v2.16.0/docs/lastDayOfQuarter)

- [dfnsLastDayOfYear](https://date-fns.org/v2.16.0/docs/lastDayOfYear)

- [dfnsLastDayOfISOWeekYear](https://date-fns.org/v2.16.0/docs/lastDayOfISOWeekYear)

- [dfnsLastDayOfDecade](https://date-fns.org/v2.16.0/docs/lastDayOfDecade)



#### Is...?

- [dfnsIsAfter](https://date-fns.org/v2.16.0/docs/isAfter)

- [dfnsIsBefore](https://date-fns.org/v2.16.0/docs/isBefore)

- [dfnsIsDate](https://date-fns.org/v2.16.0/docs/isDate)

- [dfnsIsEqual](https://date-fns.org/v2.16.0/docs/isEqual)

- [dfnsIsFuture](https://date-fns.org/v2.16.0/docs/isFuture)

- [dfnsIsPast](https://date-fns.org/v2.16.0/docs/isPast)

- [dfnsIsValid](https://date-fns.org/v2.16.0/docs/isValid)

- [dfnsIsToday](https://date-fns.org/v2.16.0/docs/isToday)

- [dfnsIsWeekend](https://date-fns.org/v2.16.0/docs/isWeekend)

- [dfnsIsSameMonth](https://date-fns.org/v2.16.0/docs/isSameMonth)

- [dfnsIsSameYear](https://date-fns.org/v2.16.0/docs/isSameYear)

- [dfnsIsExists](https://date-fns.org/v2.16.0/docs/isExists)

- [dfnsIsFirstDayOfMonth](https://date-fns.org/v2.16.0/docs/isFirstDayOfMonth)

- [dfnsIsFriday](https://date-fns.org/v2.16.0/docs/isFriday)

- [dfnsIsLastDayOfMonth](https://date-fns.org/v2.16.0/docs/isLastDayOfMonth)

- [dfnsIsLeapYear](https://date-fns.org/v2.16.0/docs/isLeapYear)

- [dfnsIsMatch](https://date-fns.org/v2.16.0/docs/isMatch) _([impure](#pure-or-impure))_

  - [dfnsIsMatchPure](https://date-fns.org/v2.16.0/docs/isMatch)

- [dfnsIsMonday](https://date-fns.org/v2.16.0/docs/isMonday)

- [dfnsIsSameDay](https://date-fns.org/v2.16.0/docs/isSameDay)

- [dfnsIsSameHour](https://date-fns.org/v2.16.0/docs/isSameHour)

- [dfnsIsSameISOWeekYear](https://date-fns.org/v2.16.0/docs/isSameISOWeekYear)

- [dfnsIsSameISOWeek](https://date-fns.org/v2.16.0/docs/isSameISOWeek)

- [dfnsIsSameMinute](https://date-fns.org/v2.16.0/docs/isSameMinute)

- [dfnsIsSameMonth](https://date-fns.org/v2.16.0/docs/isSameMonth)

- [dfnsIsSameQuarter](https://date-fns.org/v2.16.0/docs/isSameQuarter)

- [dfnsIsSameSecond](https://date-fns.org/v2.16.0/docs/isSameSecond)

- [dfnsIsSameWeek](https://date-fns.org/v2.16.0/docs/isSameWeek)

  - [dfnsIsSameWeekPure](https://date-fns.org/v2.16.0/docs/isSameWeek) _([impure](#pure-or-impure))_

- [dfnsIsSameYear](https://date-fns.org/v2.16.0/docs/isSameYear)

- [dfnsIsSaturday](https://date-fns.org/v2.16.0/docs/isSaturday)

- [dfnsIsSunday](https://date-fns.org/v2.16.0/docs/isSunday)

- [dfnsIsThisHour](https://date-fns.org/v2.16.0/docs/isThisHour)

- [dfnsIsThisISOWeek](https://date-fns.org/v2.16.0/docs/isThisISOWeek)

- [dfnsIsThisMinute](https://date-fns.org/v2.16.0/docs/isThisMinute)

- [dfnsIsThisMonth](https://date-fns.org/v2.16.0/docs/isThisMonth)

- [dfnsIsThisQuarter](https://date-fns.org/v2.16.0/docs/isThisQuarter)

- [dfnsIsThisSecond](https://date-fns.org/v2.16.0/docs/isThisSecond)

- [dfnsIsThisWeek](https://date-fns.org/v2.16.0/docs/isThisWeek) _([impure](#pure-or-impure))_

  - [dfnsIsThisWeekPure](https://date-fns.org/v2.16.0/docs/isThisWeek)

- [dfnsIsThisYear](https://date-fns.org/v2.16.0/docs/isThisYear)

- [dfnsIsThursday](https://date-fns.org/v2.16.0/docs/isThursday)

- [dfnsIsToday](https://date-fns.org/v2.16.0/docs/isToday)

- [dfnsIsTomorrow](https://date-fns.org/v2.16.0/docs/isTomorrow)

- [dfnsIsTuesday](https://date-fns.org/v2.16.0/docs/isTuesday)

- [dfnsIsWednesday](https://date-fns.org/v2.16.0/docs/isWednesday)

- [dfnsIsWithinInterval](https://date-fns.org/v2.16.0/docs/isWithinInterval)

- [dfnsIsYesterday](https://date-fns.org/v2.16.0/docs/isYesterday)



## Utils

A collection of utilities built around date-fns functions.

### dfnsFormatRelativeToNow

> This pipe is ([impure](#pure-or-impure)), but there's the pure version `dfnsFormatRelativeToNowPure` too.

Same as `dfnsFormatRelative` but the date to comapre against is always `Date.now()`.

### dfnsWeekdayName

> This pipe is ([impure](#pure-or-impure))

Given a weekday number, returns its name.

#### @param `WeekdayNameFormat`

Optional weekday format. Allowed values are:

- `x1`: One char. 'M' for Monday.

- `x2`: Two chars. 'Mo' for Monday.

- `x3`: Three chars. 'Mon' for Monday.

- `full`: Full weekday name. 'Monday' for Monday.

Defaults to `full`.

#### @param `Locale`

Optional date-fns `Locale` object.

Optional locale object.

#### Basic example

```html



  

  {{ 0 | dfnsWeekdayName }}





  

  {{ 0 | dfnsWeekdayName : 'x3' }}



```