UI is broken in dates parsing in Safari

src/app/pipes/date-format.pipe.spec.ts

@@ -0,0 +1,8 @@
+import { DateFormatPipe } from './date-format.pipe';
+
+describe('DateFormatPipe', () => {
+  it('create an instance', () => {
+    const pipe = new DateFormatPipe();
+    expect(pipe).toBeTruthy();
+  });
+});

src/app/pipes/date-format.pipe.ts

@@ -0,0 +1,24 @@
+import { Pipe, PipeTransform } from '@angular/core';
+import { SettingsService } from 'app/settings/settings.service';
+import * as moment from 'moment';
+
+@Pipe({
+  name: 'dateFormat'
+})
+export class DateFormatPipe implements PipeTransform {
+
+  defaultDateFormat: string;
+
+  constructor(private settingsService: SettingsService) {
+    this.defaultDateFormat = this.settingsService.dateFormat;
+    this.defaultDateFormat = this.defaultDateFormat.replace('dd', 'DD');
+  }
+
+  transform(value: Date | moment.Moment, dateFormat: string): any {
+    if (dateFormat == null) {
+      return moment(value).format(this.defaultDateFormat);
+    }
+    return moment(value).format(dateFormat);
+  }
+
+}

src/app/pipes/pipes.module.ts

@@ -6,13 +6,14 @@ import { ChargesFilterPipe } from './charges-filter.pipe';
 import { ChargesPenaltyFilterPipe } from './charges-penalty-filter.pipe';
 import { FindPipe } from './find.pipe';
 import { UrlToStringPipe } from './url-to-string.pipe';
+import { DateFormatPipe } from './date-format.pipe';
 
 @NgModule({
   imports: [
     CommonModule
   ],
-  declarations: [StatusLookupPipe, AccountsFilterPipe, ChargesFilterPipe, ChargesPenaltyFilterPipe, FindPipe, UrlToStringPipe],
-  providers: [StatusLookupPipe, AccountsFilterPipe, ChargesFilterPipe, ChargesPenaltyFilterPipe, FindPipe, UrlToStringPipe],
-  exports: [StatusLookupPipe, AccountsFilterPipe, ChargesFilterPipe, ChargesPenaltyFilterPipe, FindPipe, UrlToStringPipe]
+  declarations: [StatusLookupPipe, AccountsFilterPipe, ChargesFilterPipe, ChargesPenaltyFilterPipe, FindPipe, UrlToStringPipe, DateFormatPipe],
+  providers: [StatusLookupPipe, AccountsFilterPipe, ChargesFilterPipe, ChargesPenaltyFilterPipe, FindPipe, UrlToStringPipe, DateFormatPipe],
+  exports: [StatusLookupPipe, AccountsFilterPipe, ChargesFilterPipe, ChargesPenaltyFilterPipe, FindPipe, UrlToStringPipe, DateFormatPipe]
 })
 export class PipesModule { }