Detailed description
Vertical or horizontal badge; optional weekday and year; full, abbreviated or numeric month; separate day and month sizes and colors.
This server-rendered block reads The Events Calendar data. It automatically follows the current Query Loop event or event detail page. On an ordinary page, search for an event or enter its ID. An explicit selection stays attached to the block: use automatic mode for patterns and templates shared between events.
Customize the label, prefix, suffix, missing-field text, inline/stacked layout, alignment and internal spacing. Link to the event page when the content does not already contain links.
Native Gutenberg controls provide colors, backgrounds/gradients, typography, margins, padding, borders, radius and shadows as supported by WordPress and your theme. The preview uses saved server data; save event changes to preview them.
Usage
- Install this block from the Hexatenberg catalogue and activate The Events Calendar.
- Insert it in a Query Loop, event detail page or Gutenberg template.
- Choose the source and fields, then customize its design in Gutenberg.
- Group blocks and use “Create pattern” to reuse the design.
Without a valid event, the public block remains empty. Fallback text applies to missing fields on a valid event. Event template editing depends on your theme and The Events Calendar configuration. No parallel event system is created.
Performance
Zero useless scripts, Vanilla JS only.
Native Gutenberg
WCAG compliance for all users.
Event - Date Badge
JS Weight
< 2kb
Version
1.0.0
WCAG
WCAG 2.1 AA
0
Likes
0
Downloads
Vanilla JS Architecture
Guaranteed zero technical debt, optimized for Core Web Vitals.
You might also like
Discover more blocks in the category premium