Date HTML Segmentation Formatter
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:
- Go to Structure » Content types » Manage display for an entity that uses a (Smart) Date field.
- Select Date HTML Segmentation Formatter as the formatter.
- 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.