After July 2021, the 2.3.x release line no longer received quality updates or user guide updates. PHP 7.3 reached end of support in December 2021, and Adobe Commerce 2.3.x reached end of support in September 2022. We strongly recommend upgrading to Adobe Commerce 2.4.x to help maintain PCI compliance.

Date and Time Options

This site contains archived merchant documentation for a version of Adobe Commerce and Magento Open Source that has reached end-of-support. The documentation available here is intended for historical reference only and is not maintained. The Adobe Commerce Merchant Documentation for current releases is published on the Adobe Experience League.

You can customize the format of date and time fields, and select the input control that is used for data entry. Dates values can be selected from a drop-down list, or pop-up calendar.

Example - storefront popup calendar Pop-up Calendar

Format date/time fields

  1. On the Admin sidebar, go to Stores > Settings > Configuration.

  2. In the panel on the left, expand Catalog and click the Catalog subitem.

  3. Expand the Date & Time Custom Options section.

  4. To use a popup calendar as the input control for date fields, set Use JavaScript Calendar to Yes.

  5. To establish the Date Fields Order, do the following:

    • Clear the Use system value checkbox.

    • Set the order of each part of the date field as needed:

      • Month
      • Day
      • Year
  6. To set your preferred time format, do the following:

    • Clear the Use system value checkbox.

    • Set Time Format to one of the following:

      • 12h AM/PM
      • 24h
  7. To establish the Year Range for the drop-down values, enter the year (YYYY) to set the from and to dates.

    If blank, the field defaults to the current year.

    Catalog configuration - date and time options Date & Time Custom Options

  8. When complete, click Save Config.