how to config
html segmentation in DOM
formatted date example
formatted date example in the past

This project is not covered by Drupal’s security advisory policy.

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.

Project information

Releases