> For the complete documentation index, see [llms.txt](https://eventx-hq.gitbook.io/knowledge-base/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://eventx-hq.gitbook.io/knowledge-base/event-setting/event-configuration/event-settings/event-date-time-customization.md).
# Event Date & Time Customization
## Objective
Create a tailored event date and time display for registration forms, the event site by combining custom text, dynamic schedule values, supported rich-text HTML, and limited inline styling.
## Prerequisites
* **Organization Manager** or **Event Manager** access.
* A start date, end date, and time zone configured for the event.
## Understand the Standard Display
Without a customization, EventX generates the display from the event's start date, end date, time, and time zone. For example:
`2026/07/23, 9:00 AM-2026/07/31, 3:00 PM (GMT +08:00)`
The exact date order and time format follow the event's content language. A customization replaces this generated text without changing the event schedule.
## Add a Custom Display
1. Open the event dashboard.
2. Go to **Event Settings** > **Basic Event Info**.
3. Locate **Event Date & Time**.
4. Select **Add customization** under **Event date & time customization**.
5. Enter text in **Custom display text**.
6. Select a value from **Insert fixed value** to add dynamic event information.
7. Select **Save**.
The custom display replaces the standard event date and time text shown to attendees.
## Insert Fixed Values
Use **Insert fixed value** to add values based on the event schedule.
Each option shows:
* **Example**: The output generated from the current event schedule.
* **Value**: The current event value used by the option.
The selected option inserts its template, text, or token into **Custom display text**. Type a prefix, such as `{{start.`, to filter the list.
Expand a category below to view all supported fixed values.
Quick formats
Quick formats insert a complete date and time layout.
| Fixed value | Description |
| ----------------- | ------------------------------------------- |
| `` | Day/month/year with 24-hour time. |
| `` | Year/month/day with 12-hour time and AM/PM. |
| `` | Year/month/day with 24-hour time. |
Event start values
| Fixed value | Description |
| ----------------------------- | ------------------------------------------- |
| `{{start.year}}` | Four-digit start year. |
| `{{start.yearLocalized}}` | Start year using locale-specific numerals. |
| `{{start.month}}` | Start month without leading zero. |
| `{{start.month2}}` | Two-digit start month. |
| `{{start.monthLocalized}}` | Start month using locale-specific numerals. |
| `{{start.day}}` | Start day without leading zero. |
| `{{start.day2}}` | Two-digit start day. |
| `{{start.dayLocalized}}` | Start day using locale-specific numerals. |
| `{{start.hour12}}` | Start hour in 12-hour format. |
| `{{start.hour24}}` | Start hour in 24-hour format. |
| `{{start.minute2}}` | Two-digit start minute. |
| `{{start.meridiem}}` | Start-time AM or PM marker. |
| `{{start.meridiemLocalized}}` | Localized start-time AM or PM marker. |
| `{{start.timezoneOffset}}` | Start-time UTC offset, such as `+08:00`. |
Event end values
| Fixed value | Description |
| --------------------------- | ----------------------------------------- |
| `{{end.year}}` | Four-digit end year. |
| `{{end.yearLocalized}}` | End year using locale-specific numerals. |
| `{{end.month}}` | End month without leading zero. |
| `{{end.month2}}` | Two-digit end month. |
| `{{end.monthLocalized}}` | End month using locale-specific numerals. |
| `{{end.day}}` | End day without leading zero. |
| `{{end.day2}}` | Two-digit end day. |
| `{{end.dayLocalized}}` | End day using locale-specific numerals. |
| `{{end.hour12}}` | End hour in 12-hour format. |
| `{{end.hour24}}` | End hour in 24-hour format. |
| `{{end.minute2}}` | Two-digit end minute. |
| `{{end.meridiem}}` | End-time AM or PM marker. |
| `{{end.meridiemLocalized}}` | Localized end-time AM or PM marker. |
| `{{end.timezoneOffset}}` | End-time UTC offset, such as `+08:00`. |
Time zone values and prefixes
Time zone values appear after the **start** and **end** values.
| Fixed value | Description |
| ------------------- | ---------------------------------------- |
| `{{timezone.iana}}` | IANA time zone, such as `Asia/Shanghai`. |
| `GMT` | Inserts the literal GMT prefix. |
| `UTC` | Inserts the literal UTC prefix. |
Special values
| Fixed value | Description |
| ----------- | ------------------------------------ |
| `` | Shows an empty date and time block. |
| `` | Hides the event date and time block. |
## Use Special Values
* `` hides the event date and time.
* `` shows an empty date and time block.
Use either special value by itself and only once. Selecting a special value removes other fixed-value options from the list.
Select the information icon beside **Insert fixed value** to review these restrictions.
## Format the Display with Supported Rich Text
Use supported HTML to control line breaks, emphasis, text size, direction, language, and limited inline styling.
* Supported tags: ``, ``, ``, ``, ``, ``, ``, ``, and `
`.
* Supported attributes: `style`, `lang`, and `dir`.
* Supported direction values: `ltr`, `rtl`, and `auto`.
* Maximum length: 10,000 characters.
For example:
```html
Doors open: {{start.hour12}}:{{start.minute2}}
{{start.meridiem}}
Join us online
```
EventX validates and sanitizes the customization when it is saved. Unsupported HTML, attributes, and unsafe CSS are rejected.
## View the Customized Display on the Event Site
1. Select **Save** after completing the customization.
2. Open the attendee-facing event site.
3. Locate **Event Date/Time** below the event name.
4. Confirm the customized text and fixed values appear correctly.
## Remove a Custom Event Date-time Display
1. Locate **Event date & time customization**.
2. Select **Remove**.
3. Select **Save**.
The standard event date and time display is restored.
## Customize Other Content Languages
1. Enable the required languages under **Event Settings** > **General Settings** > **Multiple Content Languages**.
2. Open **Multiple Content Language** on the event settings page.
3. Select a content language.
4. Locate **Event date & time customization**.
5. Select **Copy from default** to reuse the default-language customization, or select **Add customization** to create a different display.
6. Edit **Custom display text**.
7. Select **Save**.
Select **Remove** and save to clear the customization for the selected language. Other language customizations remain unchanged.
## Notes
* Saving a blank customization clears it and restores the standard event date and time display.