> ## Documentation Index
> Fetch the complete documentation index at: https://cometchat-22654f5b-docs-llms-scoped-indexes.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)
```


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.