You can render custom components in the KendoReact Chat component by using the built-in properties of the
ChatProps interface and any custom properties.
You can display any valid HTML and fully customize the behavior of the rendered component by using the additional properties of the Chat component.
The following example demonstrates how to render additional buttons for uploading file, image, folder and camera. Also, send button is moved on the far left.
You can customize chat message using the message prop of the Chat component which is from type 'ChatMessage'.
The following example demonstrates how to set different date format, which by default is set to general date and time pattern - "M/d/y h:mm:ss a". You can change the type by setting new value to the
dateFormat property of the ChatMessage component and pass it to the
message prop of the Chat.
The following example demonstrates how to set different date format.