New to Kendo UI for Angular? Start a free 30-day trial

ChatTimestampTemplateDirective

Directive

Defines a template for displaying the chat timestamp.

To define a timestamp template, nest an <ng-template> tag with the kendoChatTimestampTemplate directive inside the <kendo-chat> component. The template context is set to the current timestamp. For more information, refer to the article on message templates.

You can use the following field:

timestamp—The current timestamp.

Definition

Package:@progress/kendo-angular-conversational-ui

Selector:[kendoChatTimestampTemplate]

Syntax:

html

<kendo-chat>
  <ng-template kendoChatTimestampTemplate let-timestamp>
    <div>Message time: {{ timestamp }}</div>
  </ng-template>
</kendo-chat>