Skip to main content
Drupal is a registered trademark of Dries Buytaert
Release: OpenID Connect / OAuth client 3.0.0-alpha9 New alpha version released for module openid_connect (3.0.0-alpha9). Release: Opensolr Search 4.5.0 Minor update available for module opensolr_search (4.5.0). Release: Timelinr 1.0.1 Minor update available for module timelinr (1.0.1). Usage Milestone: Simplify Module simplify crossed 10,000 active installs. Usage Milestone: Views Reference Filter Module entityreference_filter crossed 10,000 active installs. Usage Milestone: Dropdown Language Module dropdown_language crossed 10,000 active installs. Usage Milestone: Paragraphs Browser Module paragraphs_browser crossed 10,000 active installs. Usage Milestone: OpenAPI Module openapi crossed 10,000 active installs. Usage Milestone: Decoupled Router Module decoupled_router crossed 10,000 active installs. Module Revived: Entityqueue Buttons 1.1.2 Module entityqueue_buttons updated after 8 months of inactivity (1.1.2).

Date HTML Segmentation Formatter

No security coverage Drupal 10 · not 11
View on drupal.org

This module provides a field formatter for Date fields that wraps date and time segments in HTML elements with customizable class names. This allows for more advanced styling and layout control of displayed dates, and adds an "is-past" class for dates that have already occurred.

Provides a formatter for Date fields that outputs date and time segments with in -elements with specified class names, enabling advanced styling and layout control.

Features

The Date HTML Segmentation Formatter adds a new field formatter for the Date and Smart Date field types.
It separates start and end dates into distinct HTML elements as well as a customisable separator between both, giving site builders and themers full control over markup and styling.

Additionally, the selector 'is-past' will be added if the date is in the past.

Post-Installation

After installing and enabling the module:

  1. Go to Structure » Content types » Manage display for an entity that uses a (Smart) Date field.
  2. Select Date HTML Segmentation Formatter as the formatter.
  3. Optionally adjust display settings such as wrapper tags or separator characters (if provided) or use the custom values.

Then style the generated markup in your theme’s CSS or via custom templates.

Additional Requirements

No additional requirements.

Depends on

Dependencies of the latest stable release

  • datetime Drupal core
  • field Drupal core

Required by

Tracked projects that depend on this one

No tracked projects depend on this one yet.

Activity

Tracked releases
3
Tracked since
Oct 2025
Latest release
10 months ago
Releases (12 mo)
3 ▲ from 0
Maintenance
Slowing

Release Timeline

Releases

Version Type Core Release date
1.0.1 Stable 10 Oct 17, 2025
1.0.0 Stable 10 Oct 16, 2025
1.0.x-dev Dev 10 Oct 15, 2025