After July 2021, the 2.3.x release line will no longer receive quality updates, or user guide updates. PHP 7.3 reaches end of support in December 2021 and Adobe Commerce 2.3.x reaches end of support in September 2022. We strongly recommend planning your upgrade now to Adobe Commerce 2.4.x and PHP 7.4.x to help maintain PCI compliance.

Date and Time Options

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.