Angular 4 date-fns Pipe

date-format.pipe.ts

import { Pipe, PipeTransform } from '@angular/core';
import * as format from 'date-fns/format';

@Pipe({
    name: 'dateFnsFormat'
})
export class DateFnsFormatPipe implements PipeTransform {

    transform(value, args?) {
        return format(value, args);
    }

}

usage.component.ts

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

import { DateFnsFormatPipe } from './date-format.pipe';

@Component({
  template: `{{meetupTime | dateFnsFormat:'DD/MM/YYYY HH:mm:ss'}}`,
  providers: [DateFnsFormatPipe]
})
export class UsageComponent {
    meetupTime = '2017-05-21 17:30:00';
}