next-ucap-messenger/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/date-splitter.component.ts

import { Component, OnInit, Input } from '@angular/core';
import { Info } from '@ucap-webmessenger/protocol-event';
import { DatePipe } from '@angular/common';

@Component({
  selector: 'ucap-chat-message-box-date-splitter',
  templateUrl: './date-splitter.component.html',
  styleUrls: ['./date-splitter.component.scss']
})
export class DateSplitterComponent implements OnInit {
  @Input()
  message: Info;

  dateInfo: string;

  constructor(private datePipe: DatePipe) {}

  ngOnInit() {
    this.dateInfo = this.datePipe.transform(
      this.message.sendDate,
      'yyyy-MM-dd EEE'
    );
  }
}