> ## 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 Time Picker Element

> Date Time Picker Element — CometChat documentation.

`DateTimeElement` is used to represent a single input field that allows to select date and time.

### Properties:

| Property           | Type                                                 | Description                                        |
| ------------------ | ---------------------------------------------------- | -------------------------------------------------- |
| **elementType**    | String                                               | defaults to UIElementTypeConstants.dropdown        |
| **elementId**      | String                                               | unique ID for the interaction element              |
| **label**          | String                                               | accepts a string. It is the label of the dropdown. |
| **mode**           | DateTimePickerMode \n\n\n\n(.dateTime, .date, .time) | It is the mode of the date time picker.            |
| **fromDateTime**   | Int                                                  | It is the start date of the date time picker.      |
| **toDateTime**     | Int                                                  | It is the end date of the date time picker.        |
| **dateTimeFormat** | String                                               | It is the format of the date time picker.          |
| **timeZone**       | String                                               | It is the time zone of the given date.             |
| **defaultValue**   | Int                                                  | It is the default value of the input element.      |
| **isOptional**     | Bool                                                 | It states if the input element is optional.        |

### Usage

Here's an example of how you can create an instance of the `DateTimeElement` class:

In this example, a new instance of `DateTimeElement` is created with the elementId "1" and the label text "Select a Date".

### Example

Here is an example that showcases the creation and manipulation of an instance of `DateTimeElement`:

```javascript theme={null}
let dateTimePicker = DateTimeElement()
dateTimePicker.elementId = "332"
dateTimePicker.isOptional = true
dateTimePicker.timeZone = TimeZone.current.identifier
dateTimePicker.mode = .dateTime
dateTimePicker.fromDateTime = Int(Date().timeIntervalSince1970)
dateTimePicker.toDateTime = Int(Date().addingTimeInterval(40*30*30).timeIntervalSince1970)
```