# How to add Datetime-local Field in Elementor Form

You can easily add a Datetime-local field inside your Elementor Pro form. Please just follow these steps:

* Firstly, make sure you have "**Turned on**" the Datetime-local Field in the **WordPress Admin Panel > Elementor > Advanced Fields > Form Elements Tab.**

<figure><img src="https://657136784-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbprsJ9yqkDnblQKMr24T%2Fuploads%2FY30saS2hKx5WdMMRLx7R%2Fimage.png?alt=media&#x26;token=e6f2b3cc-fd8b-4325-aa99-cb3483d74001" alt="" width="397"><figcaption></figcaption></figure>

* Search "**Form"** inside the Elementor widgets section.
* It will create a form with the default three fields.
* Select "**Datetime-local**" field type.

<figure><img src="https://657136784-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbprsJ9yqkDnblQKMr24T%2Fuploads%2Fd2iCwUsGZPhpJiK3KzrI%2Fimage.png?alt=media&#x26;token=c1683463-261d-402a-9d59-5320ce3028f6" alt="" width="563"><figcaption></figcaption></figure>

* **Required**: Makes the input mandatory.
* **Placeholder**: Text displayed in the input field before the user enters any value.
* **Min. Date**: Use this to restrict users from selecting a date before a specified limit, such as the current day or a project start date.
* **Max. Date**: Use this to limit the range of dates, like setting a deadline or project end date.
* **Native HTML5**: Enables the browser's native date-time picker for the input field.
* **Time 24hr**: Displays the time picker in a 24-hour format (e.g., 14:30 instead of 2:30 PM).

***

* Now click on the "**Advanced**" tab.

<figure><img src="https://657136784-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbprsJ9yqkDnblQKMr24T%2Fuploads%2Fag4ZAgraTsO1Jbk6pwdl%2Fimage.png?alt=media&#x26;token=8c9c5e72-68d8-4380-bf26-c496066dcc53" alt="" width="251"><figcaption></figcaption></figure>

* **Default Value**: It lets you choose the default value of the Datetime-local field.

## Video Overview

{% embed url="https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbprsJ9yqkDnblQKMr24T%2Fuploads%2F64hCnysIxBAXSIywnXG2%2FDatetime-local-field-demo%20-%20Made%20with%20Clipchamp.mp4?alt=media&token=f6969ecf-e5f5-42af-bb58-b768b131c000" %}

