---
schema_version: "1"
id: 62cc3ae9c823444e9b86ba008746632c47a4a1eed9dd7b35b49459f3a401435c
title: Omniscripts Date/Time Element
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/xcloud/264-0-0/os_omniscripts_date_time_element_16577.md
canonical_url: https://help.salesforce.com/s/articleView?id=xcloud.os_omniscripts_date_time_element_16577.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: 16dd6d238beb9db36fa700825329bccdc25dfb86b0046b141f31bbba4825d984
description: Enable users to select a date from a date picker and a time from a list by adding the Date/Time element to your Omniscript. Set the minimum and maximum dates, and the date and time formats.
products:
  - Omnistudio
release: "264"
---
# Omniscripts Date/Time Element

Enable users to select a date from a date picker and a time from a list by adding the Date/Time element to your Omniscript. Set the minimum and maximum dates, and the date and time formats.

1. From the elements panel, drag a **Text** element to the canvas.
2. In the Properties panel, give the element a name in the **Name** field.
3. In **Field Label**, enter a label visible to the user.
4. Enter the earliest date the user can select from the date picker, such as 01-01-1950.
    
    ![Note](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-xcloud-omnistudio-264-0-0-production-enus/f526eaa8-ae05-487a-8944-4bb99b0b78ac/images/icon_note.png)
    
    Note
    
    The date format entered must be the same as specified in the date display format. For example, to set the minimum date to January 1, 1950, if the date format is MM-DD-YYYY, enter 01-01-1950.
5. Enter the latest date the user can select from the date picker, such as 12-31-2019.
    
    ![Note](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-xcloud-omnistudio-264-0-0-production-enus/f526eaa8-ae05-487a-8944-4bb99b0b78ac/images/icon_note.png)
    
    Note
    
    The date format entered must be the same as specified in the date display format. For example, to set the minimum date to January 1, 1950, if the date format is MM-DD-YYYY, enter 01-01-1950.
6. In the date format, enter the format to display the date. For example, if the format is MM-DD-YYYY, and the user selects January 3, 2020 from the date picker, the date displays as 01-03-2020. For more format options, see [Day.js](https://day.js.org/docs/en/parse/string-format).
7. Enter the format to display the time, such as hh:mm a, which is the default.
    
    ![Note](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-xcloud-omnistudio-264-0-0-production-enus/f526eaa8-ae05-487a-8944-4bb99b0b78ac/images/icon_note.png)
    
    Note
    
    Enter h or hh for hour, m or mm for minutes, s or ss for seconds, and a for am/pm. A single letter, such as h or m, has no leading zero. Remove the a to display 24-hour time. For example, hh:mm a displays `03:30 pm`, h:mm a displays `3:30 pm`, and hh:mm:ss displays `15:30 01`. For more format options, see [Day.js](https://day.js.org/docs/en/parse/string-format).
8. Enter the time interval within an hour the user can select from the time dropdown.
    
    For example, enter 15 for 15-minute periods within the hour such as 12:00, 12:15, 12:30, 12:45, and so on. The default interval is 30.
9. In the **Advanced Options** section, select a time zone:
    - Select **Local Timezone** to use the time zone of the browser.
    - Select **User Timezone** to use the time zone set in the logged-in user's profile.