Make dates prettier

src/app/app.module.ts

-import { NgModule } from '@angular/core';
+import { LOCALE_ID, NgModule } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 
 import { AppComponent } from './app.component';
@@ -19,6 +19,9 @@ import { ServiceInListComponent } from './core/service-in-list/service-in-list.c
 import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
 import { LoaderComponent } from './shared/loader/loader.component';
 import { ErrorDialogComponent } from './shared/error-dialog/error-dialog.component';
+import { registerLocaleData } from '@angular/common';
+import localeHu from '@angular/common/locales/hu';
+registerLocaleData(localeHu, 'hu');
 
 @NgModule({
   declarations: [
@@ -41,7 +44,8 @@ import { ErrorDialogComponent } from './shared/error-dialog/error-dialog.compone
       provide: HTTP_INTERCEPTORS,
       useClass: ErrorInterceptor,
       multi: true,
-    }
+    },
+    { provide: LOCALE_ID, useValue: 'hu'}
   ],
   bootstrap: [AppComponent],
 })

src/app/core/service-detail/service-detail.component.html

@@ -138,7 +138,7 @@
     </div>
     <div class='border-top mt-3 pt-3' *ngFor='let history of service.history; TrackBy: trackById'>
       <div>
-        {{history.createdAt | date: "full"}}
+        {{history.createdAt | date: 'yyyy. MMM dd. hh:mm:ss'}}
       </div>
       <div>
         {{history.description}}