Datetime (custom) formatter#
The Custom (datetime_custom) formatter displays the date and time in a custom
format with additional time zone settings depending on the date type.
Settings#
Time zone#
Note
Some of these settings are only available for datetime types.
The timezone setting controls the timezone used to display the date and
options to display the timezone for datetime types.
| Setting | Label | Description | Default |
|---|---|---|---|
| timezone_override | Time zone override | Optional time zone to always use | |
| timezone_stored | Use stored time zone | Option to use the stored time zone value when no override is selected | FALSE |
| display_timezone | Display time zone | Option to display time zone along with the date/time | FALSE |
| timezone_format | Time zone format | The format of the time zone to use when displayed | abbreviation |
| user_timezone | Append date/time in user's time zone | Option to also display user's time zone | FALSE |
Additional settings#
| Setting | Label | Description | Default |
|---|---|---|---|
| date_format | Date/time format | Format for displaying the date | Y-m-d\TH:i:s |
Style settings#
These additional style settings give you complete control over the HTML markup generated by each subfield. This is one of the most powerful features of the Custom Field module for theming.
By customizing the wrapper tags and classes, you can:
- Create clean, semantic HTML that matches your theme’s design system
- Target individual subfields precisely with CSS (using subfield name and type)
- Reduce CSS specificity issues and override battles
- Improve accessibility and SEO with proper semantic elements (
<section>,<article>,<h3>, etc.) - Easily integrate with CSS frameworks like Tailwind, Bootstrap, or custom component libraries
Default behavior (when left empty) produces a <div> wrapper with intelligent, predictable classes based on the subfield name and type — giving you excellent theming hooks right out of the box.
| Setting | Label | Description |
|---|---|---|
| field_wrapper_tag | Field wrapper tag | HTML element that wraps the entire field + label |
| field_wrapper_class | Field wrapper class | Optional additional classes (space separated) |
| field_tag | Field tag | HTML element that wraps only the field value |
| field_class | Field classes | Optional field value classes (space separated) |
| label_tag | Label tag | HTML element that wraps the label |
| label_class | Label classes | Optional label classes (space separated) |