# Using the Date/Time Field

Original URL: https://www.fireplugins.com/docs/forms/using-the-date-time-field/
Last updated: 2025-08-04T16:42:19+03:00

The FireBox Date/Time field lets you add a date time picker in your forms. Whether you’re creating a registration form, booking form, event registration form, or any WordPress form that requires you to receive a formatted date, this field is for you.

  **TABLE OF CONTENTS**

 - [What you need to know before you start](https://www.fireplugins.com/docs/forms/using-the-date-time-field/#before)
- [How to Add a Date/Time Field to Your WordPress Forms](https://www.fireplugins.com/docs/forms/using-the-date-time-field/#tutorial)
- [Date/Time Field Settings](https://www.fireplugins.com/docs/forms/using-the-date-time-field/#settings)

 ## What you need to know before you start

 Before you can begin this tutorial, you must install FireBox Pro by following the steps listed below:

 ### Step 1: Download FireBox Pro

 The very first step is to [get a license](https://www.fireplugins.com/pricing/) for FireBox Pro. Then, after purchasing FireBox Pro, you can access the Pro version.

 1. Go to [fireplugins.com/downloads/](https://www.fireplugins.com/downloads/)
2. Login with the details you received in the email after the purchase.
3. Click Download in the Pro Downloads section.

 ### Step 2: Install FireBox Pro

 After downloading the FireBox Pro installation zip file, upload it to your site.

 1. Head to your WordPress dashboard and click on **Plugins** > **Add New**.
2. Choose the zip file you have just downloaded. Click on install.
3. Once the plugin is installed, click the Activate Plugin button to activate the plugin on your site.

 ### Step 3: Activate FireBox Pro

 After installing FireBox Pro, you must activate your license to ensure you receive automatic updates from the plugin. To learn more about creating and managing your license keys, [click here.](https://www.fireplugins.com/docs/firebox/start/first-steps/how-to-activate-firebox-pro/)

 If you need any help with the installation process, see the documentation on [installing FireBox Pro](https://www.fireplugins.com/docs/start/install-firebox-pro/) for help. If you’re already using FireBox Lite, you can easily [https://www.fireplugins.com/docs/firebox/start/first-steps/how-to-activate-firebox-pro/](https://www.fireplugins.com/docs/firebox/start/first-steps/how-to-activate-firebox-pro/)[upgrade from Lite to Pro](https://www.fireplugins.com/docs/start/upgrade/). However, after upgrading to Pro, you must also [activate your license](https://www.fireplugins.com/docs/start/activate/) to ensure you receive automatic plugin updates.

 ## How to Add a Date/Time Field to Your WordPress Forms

 Once you’ve installed [FireBox Pro](https://www.fireplugins.com/docs/forms/using-the-date-time-field/#before), you can follow the steps listed below to add a Date/Time field to your Form.

 **Step 1:** Select your FireBox Form block and click on the “+” icon to insert a new block. Search for “Date/Time” and click on it to add it to your form.

  **Step 2:** Customize the Date/Time field by specifying the date selection mode, date format, first day of the week, min/max date, enable time, set 12/24 hour time, minute step, and more.

  Below, you can find all the settings available in the Date/Time field.

 ## Date/Time Field Settings

 ### Date Selection Mode

 Select whether to allow visitors to select a single date, multiple dates, or a date range.

 ### Date Format

 Specify the date format that will be visible on the Date/Time picker. See the available date formats here: [https://flatpickr.js.org/formatting/](https://flatpickr.js.org/formatting/)

 ### First day of the week

 Specify which will be the first date of the week, within the Date/Time picker.

 ### Min Date

 Specify the minimum/earliest date that can be selected by the user in the Date/Time picker. Supports relative dates such as today, tomorrow, -3 day, +5 day, etc.

 ### Max Date

 Specify the maximum/latest date that can be selected by the user in the Date/Time picker. Supports relative dates such as today, tomorrow, -3 day, +5 day, etc.

 ### Enable Time

 Set whether the user can select time in the Date/Time picker. Make sure to include the time characters **H:i** in the date format.

 ### 24 Hour Time

 Set whether to display the time in 24-hour format without AM/PM.

 ### Minute Step

 Set the interval between available minutes in the date picker. For example, if set to 15, the minutes shown will be 00, 15, 30, 45.

 ### Display Inline

 Enable to display the Date/Time picker inline with the form fields, and not in a modal.

 ### Disable Mobile Native Picker

 Enable to retain the FireBox Date/Time picker on mobile devices.