Skip to main content
All CollectionsFAQsBuilding 👷‍♂️
Formatting dates in a date/time component
Formatting dates in a date/time component

Let's explore how you can change the format of a dates within your form

Updated over a week ago

The date/time component is a powerful component that allows users to select a date from a calendar picker easily. It offers various options, including the ability to customize the displayed date format. To change the date format:

  1. Open the settings for your date/time component.

  2. Go to the “Display” tab and modify the “Format” setting to match your preferences. You can refer to the table below for common examples or create your own format using uibDateParser codes.

Format

Example

yyyy-MM-dd hh:mm a

2024-01-01 01:00 AM

dd/MM/yyyy

01/01/2024

MMMM dd yyyy

January 01 2024

dd/MM/YY hh:mm a

01/01/24 01:00 AM

Note that in the background data, Team Forms will always store the date/time in a standardised ISO format. The date format property will only change how it is displayed to the end user.

Did this answer your question?