Drupal is a registered trademark of Dries Buytaert
drupal 11.3.7 Update released for Drupal core (11.3.7)! drupal 11.2.11 Update released for Drupal core (11.2.11)! drupal 10.6.7 Update released for Drupal core (10.6.7)! drupal 10.5.9 Update released for Drupal core (10.5.9)! cms 2.1.1 Update released for Drupal core (2.1.1)! drupal 11.3.6 Update released for Drupal core (11.3.6)! drupal 10.6.6 Update released for Drupal core (10.6.6)! cms 2.1.0 Update released for Drupal core (2.1.0)! bootstrap 8.x-3.40 Minor update available for theme bootstrap (8.x-3.40). menu_link_attributes 8.x-1.7 Minor update available for module menu_link_attributes (8.x-1.7). eca 3.1.1 Minor update available for module eca (3.1.1). layout_paragraphs 2.1.3 Minor update available for module layout_paragraphs (2.1.3). ai 1.3.3 Minor update available for module ai (1.3.3). ai 1.2.14 Minor update available for module ai (1.2.14). node_revision_delete 2.0.3 Minor update available for module node_revision_delete (2.0.3). moderated_content_bulk_publish 2.0.52 Minor update available for module moderated_content_bulk_publish (2.0.52). klaro 3.0.10 Minor update available for module klaro (3.0.10). klaro 3.0.9 Minor update available for module klaro (3.0.9). layout_paragraphs 2.1.2 Minor update available for module layout_paragraphs (2.1.2). geofield_map 11.1.8 Minor update available for module geofield_map (11.1.8).

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.

Activity

Total releases
3
First release
Oct 2025
Latest release
6 months ago
Release cadence
1 day
Stability
67% stable

Release Timeline

Releases

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