> ## Documentation Index
> Fetch the complete documentation index at: https://cometchat-22654f5b-docs-rn-guide-message-privately.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Date

> Date — CometChat documentation.

`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 ?

Since `CometChatDate` is a widget, it can be added directly in the build method. `CometChatDate` includes various parameters to customize its UI.

#### Usage

<Tabs>
  <Tab title="XML">
    ```xml theme={null}
    <com.cometchat.chatuikit.shared.views.CometChatDate.CometChatDate
                android:id="@+id/txt_message_date"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
               />
    ```
  </Tab>
</Tabs>

## Methods

| Methods                 | Type        | Description                                                                                            |
| ----------------------- | ----------- | ------------------------------------------------------------------------------------------------------ |
| **setDate**             | long,String | This method accept two parameters, time stamp in sec and date format in which you want to display time |
| **setPattern**          | Pattern     | Used to set pattern with different logics *TIME*,*DAY\_DATE*,*DAY\_DATE\_TIME*                         |
| **setCustomDateString** | String      | text to show instead of date from DateTime object                                                      |
| **setStyle**            | DateStyle   | used to customize the appearance of this widget                                                        |

## DateStyle

| Methods               | Type      | Description                              |
| --------------------- | --------- | ---------------------------------------- |
| **setTextAppearance** | TextStyle | Used to set text style of date component |
| **setBackground**     | Color     | Used to set the background color         |
| **setBorderWidth**    | BoxBorder | used to set border                       |
| **setCornerRadius**   | double    | used to set the corner radius            |
| **setBackground**     | Drawable  | used to set a Drawable background        |

### Usage

<Tabs>
  <Tab title="Java">
    ```java theme={null}
    CometChatDate date=view.findViewById(R.id.date);
    date.setStyle(new DateStyle().setTextAppearance(R.style.TextAppearance_AppCompat));
    ```
  </Tab>

  <Tab title="Kotlin">
    ```kotlin theme={null}
    val date: CometChatDate = view.findViewById(R.id.date)
    date.setStyle(DateStyle().setTextAppearance(R.style.TextAppearance_AppCompat))
    ```
  </Tab>
</Tabs>