---
schema_version: "1"
id: d403b4572fcfd15f8af20980dbd94d82925d4db9c53214240e68a0c6323cfecc
title: Date/Time Properties (Managed Package)
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/xcloud/264-0-0/os_date_time_properties.md
canonical_url: https://help.salesforce.com/s/articleView?id=xcloud.os_date_time_properties.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: 225151687daf9cdacae1b60fdc5d8ccb8e51c2792cec9134c765298ca5993bc3
description: For the managed package runtime, Date/Time properties are configurable from the Properties panel when you select a Date/Time element. With the Date/Time element, enable users to select a date from a date picker and a time from a dropdown list in your Omniscript.
products:
  - Omnistudio
release: "264"
---
# Date/Time Properties (Managed Package)

For the managed package runtime, Date/Time properties are configurable from the Properties panel when you select a Date/Time element. With the Date/Time element, enable users to select a date from a date picker and a time from a dropdown list in your Omniscript.

![Managed Package app icon](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-xcloud-omnistudio_for_managed_packages-264-0-0-production-enus/aa2554ec-624a-4ee6-8da4-6435670e6e62/resources-global/_corporate/images/managedpackageicon.png) This information is for Omnistudio for Managed Packages. For Omnistudio on standard runtime, see [Omnistudio Help](https://help.salesforce.com/s/articleView?id=xcloud.os_omnistudio_standard.htm&language=en_US).

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small ">
      <colgroup>
        <col>
        <col>
      </colgroup>
      <thead class="slds-text-title_caps ">
        <tr class="">
          <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d255342e46">
            <p style="margin-bottom:0;">Property</p>
          </th>
          <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d255342e52">
            <p style="margin-bottom:0;">Description</p>
          </th>
        </tr>
      </thead>
      <tbody>
        <tr class="">
          <td data-label="Property" class="slds-cell-wrap" style="vertical-align:top;" headers="d255342e46 ">
            <p style="margin-bottom:0;">
              <strong class="uicontrol">Date Format</strong>
            </p>
          </td>

          <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d255342e52 ">
            <p style="margin-bottom:0;">Specifies the format to display the date. For example, if the format is <kbd>MM-DD-YYYY</kbd>, and the user selects <kbd>January 3, 2020</kbd> from the date picker, the date displays as <kbd>01-03-2020</kbd>. For more format options, visit https://day.js.org/docs/en/parse/string-format.</p>
          </td>

        </tr>
        <tr class="">
          <td data-label="Property" class="slds-cell-wrap" style="vertical-align:top;" headers="d255342e46 ">
            <p style="margin-bottom:0;">
              <strong class="uicontrol">Maximum Date</strong>
            </p>
          </td>

          <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d255342e52 ">
            <p style="margin-bottom:0;">The latest date the user can select from the date picker. The format must be the same as in the <strong class="uicontrol">Date Format</strong> field. For example, to set the maximum date to December 31, 2019, if the <strong class="uicontrol">Date Format</strong> is <kbd>MM-DD-YYYY</kbd>, you must enter <kbd>12-31-2019</kbd>.</p>
          </td>

        </tr>
        <tr class="">
          <td data-label="Property" class="slds-cell-wrap" style="vertical-align:top;" headers="d255342e46 ">
            <p style="margin-bottom:0;">
              <strong class="uicontrol">Minimum Date</strong>
            </p>
          </td>

          <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d255342e52 ">
            <p style="margin-bottom:0;">The earliest date the user can select from the date picker. The format must be the same as in the <strong class="uicontrol">Date Format</strong> field. For example, to set the minimum date to January 1, 1950, if the <strong class="uicontrol">Date Format</strong> is <kbd>MM-DD-YYYY</kbd>, you must enter <kbd>01-01-1950</kbd>.</p>
          </td>

        </tr>
        <tr class="">
          <td data-label="Property" class="slds-cell-wrap" style="vertical-align:top;" headers="d255342e46 ">
            <p style="margin-bottom:0;">
              <strong class="uicontrol">Time Format</strong>
            </p>
          </td>

          <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d255342e52 ">
            <p style="margin-bottom:0;">Specifies the format to display the time. Enter <kbd>h</kbd> or <kbd>hh</kbd> for <kbd>hour</kbd>, <kbd>m</kbd> or <kbd>mm</kbd> for minute, <kbd>s</kbd> or <kbd>ss</kbd> for seconds, and <kbd>a</kbd> for am/pm. A single letter, such as <kbd>h</kbd> or <kbd>m</kbd>, has no leading zero. Remove the <kbd>a</kbd> to display 24 hour time. For more format options, visit https://day.js.org/docs/en/parse/string-format.</p>
          </td>

        </tr>
        <tr class="">
          <td data-label="Property" class="slds-cell-wrap" style="vertical-align:top;" headers="d255342e46 ">
            <p style="margin-bottom:0;">
              <strong class="uicontrol">Time Interval</strong>
            </p>
          </td>

          <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d255342e52 ">
            <p style="margin-bottom:0;">Specifies the intervals within an hour the user can select from the time dropdown. For example, enter <kbd>15</kbd> for 15 minute periods within the hour such as 12:00, 12:15, 12:30, 12:45, and so on.</p>
          </td>

        </tr>
        <tr class="">
          <td data-label="Property" class="slds-cell-wrap" style="vertical-align:top;" headers="d255342e46 ">
            <p style="margin-bottom:0;">
              <strong class="uicontrol">Time Zone</strong>
            </p>
          </td>

          <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d255342e52 ">
            <p style="margin-bottom:0;">Specifies the timezone the date and time should be based. Select <strong class="uicontrol">Local Timezone</strong> to use the timezone of the browser. Select <strong class="uicontrol">User Timezone</strong> to use the timezone set in the logged-in user's profile.</p>
          </td>

        </tr>
      </tbody>
    </table>