Date
CometChatDate
is a widget which is used to show the date and time. You can also customize the appearance of this widget by modifying its logic.
How to integrate CometChatDate ?
- Typescript
<CometChatDate
timeStamp={timestamp}
style={messageBubbleDateStyle}
pattern={"timeFormat"}
customDateString={datePattern}
/>
Properties
Parameters | Type | Description |
---|---|---|
timeStamp | number | Used to set the date |
pattern | 'timeFormat' | 'dayDateFormat' | 'dayDateTimeFormat' | Used to set pattern with different logics timeFormat, dayDateFormat, dayDateTimeFormat |
customDateString | string | text to show instead of date from DateTime object |
style | DateStyleInterface | used to customize the appearance of this view |
DateStyleInterface
Parameters | Type | Description |
---|---|---|
textColor | string | colour of date text |
textFont | FontStyleInterface | font style of text |
border | BorderStyleInterface | border for date |
borderRadius | number | border radius for date |
height | number | string | height of the date |
width | number | string | width of the date |
backgroundColor | string | background colour to date |