Properties
| Name | Type | Description |
|---|---|---|
| timestamp | number | Timestamp to be displayed in unix format |
| pattern | DatePatterns | Group of constants representing the in-built date patterns |
| customDateString | string | Override the in-built pattern with your custom representation of the timestamp |
| dateStyle | dateStyle | Styling properties and values of the Date component |
dateStyle
Styling properties and values of the element| Name | Description |
|---|---|
| width | Sets the width of the element |
| height | Sets the height of the element |
| border | Sets the border of the element |
| borderRadius | Sets the border radius of the element |
| background | Sets all background style properties at once, such as color, image, origin and size, or repeat method. Reference link |
| textFont | Sets all the different properties of font for the date text. Reference link |
| textColor | Sets the foreground color of the date text. |
Usage
- JavaScript
import '@cometchat/uikit-elements'; //import the web elements package.
import { DatePatterns } from 'uikit-resources'; //import the date pattern constant.
//make use of the element; format the timestamp to the in-built time pattern
<cometchat-date timestamp="1686234301" pattern={DatePatterns.time}></cometchat-date>