santiagodel76

<p>Timed Event Block adds a server-rendered parent block for scheduling event content by date/time, plus dedicated child blocks for dynamic date, time, and countdown output.</p>
<p>Ideal for event listings such as movie showtimes, class schedules, workshops, conferences, livestreams, and similar use cases. It requires no global configuration: install the plugin and start using the block directly in FSE workflows.</p>
<p>This plugin is designed for full site editing workflows where content creators need:</p>
<ul>
<li>A single event container that can hold any core block (text, media, embeds, columns, groups, etc.).</li>
<li>Automatic status handling based on current server time:</li>
<li>Scheduled</li>
<li>Active</li>
<li>Ended</li>
<li>Optional automatic hiding of ended events (<code>Hide when ended</code>).</li>
<li>Child blocks that can be used only inside the Timed Event parent:</li>
<li>Event Date</li>
<li>Event Time</li>
<li>Event Countdown</li>
<li>Dynamic frontend updates for status/time/countdown without page refresh.</li>
<li>Native Gutenberg style controls (spacing, color, typography, border, dimensions) on parent and child blocks.</li>
</ul>
<p>How it works:</p>
<ol>
<li>Add a <strong>Timed Event</strong> block.</li>
<li>Set start date/time and duration.</li>
<li>Insert any content you want.</li>
<li>Optionally insert child blocks:</li>
</ol>
<p>* <strong>Event Date</strong> for date display with site/custom format.<br />
* <strong>Event Time</strong> for scheduled time and active/ended label transitions.<br />
* <strong>Event Countdown</strong> for countdown to start/end and status transitions.<br />
5. Publish. Frontend output is resolved server-side, and dynamic text updates via lightweight view scripts.</p>
<h3>Blocks</h3>
<h4>Timed Event</h4>
<p>Parent container block that controls event lifecycle and visibility.</p>
<p>Features:<br />
* Start date and time.<br />
* Duration in minutes.<br />
* Hide when ended toggle.<br />
* Full inner content flexibility.</p>
<h4>Event Date</h4>
<p>Child block (ancestor-restricted to Timed Event) that reads parent context and renders formatted date.</p>
<p>Features:<br />
* Site default format or custom format string.<br />
* Uses WordPress timezone and date settings by default.</p>
<h4>Event Time</h4>
<p>Child block that reads parent context and renders:<br />
* Scheduled state: formatted time.<br />
* Active state: configurable active label.<br />
* Ended state: configurable ended label.</p>
<p>Features:<br />
* Site/custom time format.<br />
* Editable active/ended labels.<br />
* Editable active/ended colors.<br />
* Dynamic frontend state update.</p>
<h4>Event Countdown</h4>
<p>Child block that reads parent context and renders:<br />
* Countdown to start or countdown to end.<br />
* Active/ended label after countdown completion.</p>
<p>Features:<br />
* Target mode: <code>to_start</code> or <code>to_end</code>.<br />
* Day visibility toggle.<br />
* Custom separator.<br />
* Editable active/ended labels.<br />
* Editable active/ended colors.<br />
* Dynamic frontend state update.</p>


Timed Event Block

Schedule event visibility and create flexible event layouts with native Gutenberg blocks for modern WordPress editing workflows.

premila

<p>Gutensee is a Gutenberg base block plugin that helps to build a beautiful block websites. This plugin provids various indiviual blocks with flexible settings that helps to design our desirable websites. This plugin reduce addittional functionality to our theme.</p>
<h3>Source Code</h3>
<p>You can access the full source code for this plugin on GitHub:</p>
<p><a href="https://github.com/Pramilanama/gutensee" rel="nofollow ugc">View the source code on GitHub</a></p>
<h3>Demo</h3>
<p>Create template in easy way with Gutensee.</p>
<p><span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/bEmcWdGWXB4?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&start=256&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span></p>
<h3>External</h3>
<p>Font Awesome by @fontawesome<br />
License: https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)<br />
Source: https://fontawesome.com</p>
<p>React FontIconPicker by Swashata Ghosh<br />
License: MIT<br />
Source: https://github.com/fontIconPicker/react-fonticonpicker</p>
<p>Google Font API<br />
Source: https://fonts.googleapis.com</p>
<p>Animate.css<br />
License: Licensed under the MIT license – http://opensource.org/licenses/MIT<br />
Source: http://daneden.me/animate</p>


Gutensee

Gutensee is a Gutenberg base block plugin that helps to build a beautiful block websites.

Timed Event Block vs Gutensee