# Timer

Adds a countdown timer with customizable end date, time, and style.

<figure><img src="https://891064830-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fz8oqtXqtdhOM4CxRzekr%2Fuploads%2FsdKIK5NpyG8EoMv75AgX%2Ftimer-block.gif?alt=media&#x26;token=9bfec1f2-c856-4e32-90d3-e423ab1acfb9" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="193.6533203125">Settings</th><th width="135.2919921875" align="center">Type</th><th>Description</th></tr></thead><tbody><tr><td>Style</td><td align="center"><code>select</code></td><td>Layout style: inline or stacked.</td></tr><tr><td>Countdown end date</td><td align="center"><code>text</code></td><td>Use format <code>YYYY-MM-DD</code>.</td></tr><tr><td>End time</td><td align="center"><code>text</code></td><td>Use 12-hour format: <code>HH:MM</code>.</td></tr><tr><td>AM/PM</td><td align="center"><code>radio</code></td><td>Choose between <code>AM</code> or <code>PM</code>.</td></tr><tr><td>End of timer message</td><td align="center"><code>richtext</code></td><td>Optional message after timer expires.</td></tr><tr><td>Digits size</td><td align="center"><code>range</code></td><td>Size of countdown numbers.</td></tr><tr><td>Text size</td><td align="center"><code>range</code></td><td>Size of labels.</td></tr></tbody></table>
