diff --git a/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/date-splitter.component.html b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/date-splitter.component.html
index 19a36c2d..77116ff6 100644
--- a/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/date-splitter.component.html
+++ b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/date-splitter.component.html
@@ -1,5 +1,7 @@
 <div class="date-split">
   <span class="line"></span>
-  <span class="date">{{ dateInfo }}</span>
+  <span class="date">{{
+    this.message.sendDate | dateToStringFormat: 'YYYY.MM.DD KL'
+  }}</span>
   <span class="line"></span>
 </div>
diff --git a/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/date-splitter.component.ts b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/date-splitter.component.ts
index a89a5e37..1b7e3ed7 100644
--- a/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/date-splitter.component.ts
+++ b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/date-splitter.component.ts
@@ -1,25 +1,16 @@
 import { Component, OnInit, Input } from '@angular/core';
 import { Info, EventJson } from '@ucap-webmessenger/protocol-event';
-import { DatePipe } from '@angular/common';
-import moment from 'moment';
 
 @Component({
   selector: 'ucap-chat-message-box-date-splitter',
   templateUrl: './date-splitter.component.html',
-  styleUrls: ['./date-splitter.component.scss'],
+  styleUrls: ['./date-splitter.component.scss']
 })
 export class DateSplitterComponent implements OnInit {
   @Input()
   message: Info<EventJson>;
 
-  dateInfo: string;
+  constructor() {}
 
-  constructor(private datePipe: DatePipe) {}
-
-  ngOnInit() {
-    this.dateInfo = this.datePipe.transform(
-      moment(this.message.sendDate).toDate(),
-      'yyyy.MM.dd EEE'
-    );
-  }
+  ngOnInit() {}
 }