Customization
You can render custom components in the KendoReact Chat component by using the built-in properties of the ChatProps interface and any custom properties.
Setting Custom Behavior
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.
Customizing the Message
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.
