next-ucap-messenger/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/schedule.component.html

<div class="event-main">
  <div class="event-header">
    <ng-container
      *ngIf="!!message.sentMessageJson && !!message.sentMessageJson.contents"
    >
      <ng-container [ngSwitch]="message.sentMessageJson.contents">
        <ng-container *ngSwitchCase="PlanContentType.New">
          [이벤트] 등록
        </ng-container>
        <ng-container *ngSwitchCase="PlanContentType.Update">
          [이벤트] 수정
        </ng-container>
        <ng-container *ngSwitchCase="PlanContentType.Delete">
          [이벤트] 삭제
        </ng-container>
        <ng-container *ngSwitchDefault>
          [이벤트] 조회중..
        </ng-container>
      </ng-container>
    </ng-container>
  </div>
  <ul class="event-info">
    <li class="event-title">
      {{ message.sentMessageJson.title }}
    </li>
    <li class="event-date">
      <span>날짜</span>{{ date | ucapDate: 'YYYY.MM.DD' }}
    </li>
    <li class="event-time">
      <span>시간</span>{{ date | ucapDate: 'a hh:mm' }}
    </li>
  </ul>

  <!-- <div class="btn-box">
    <button mat-button (click)="onClickSave()">상세보기</button>
  </div> -->
</div>