Embeddable Widgets
HTML calendar widget — developer reference
Developer-friendly iframe embeds with full URL parameter documentation. Copy raw HTML or build custom embed URLs for calendar, countdown, world clock and holiday widgets.
Live preview
Live preview
Embed code
Copy and paste this HTML into your website.
<iframe src="https://datetoolshub.com/embed/monthly-calendar?year=2026&month=6&weekStart=monday&theme=light&showTitle=1&attribution=0" width="100%" height="320" frameborder="0" style="border:0;border-radius:12px;overflow:hidden" title="Monthly Calendar"></iframe>
Who uses this widget
- Custom CMS — generate embed URLs programmatically from your own admin panel
- Static sites — drop an iframe into any HTML page or template
- Email signatures — some email clients support iframes (limited support)
- Internal tools — embed widgets in dashboards, wikis and docs
How to add this widget to your website
- 1Choose an embed route from the table above.
- 2Build the URL with your desired query parameters.
- 3Wrap it in an
<iframe>element with your preferred width and height. - 4Embed the HTML in your page.
Customization options
Monthly Calendar — /embed/monthly-calendar
| Parameter | Type | Default | Description |
|---|---|---|---|
| year | number | current year | Year to display (e.g. 2026, 2027, 2028) |
| month | 1-12 | current month | Month number (1 = January, 12 = December) |
| weekStart | string | sunday | 'sunday' or 'monday' |
| theme | string | light | 'light', 'soft' or 'dark' |
| showTitle | 1|0 | 1 | Show month/year header |
| attribution | 1|0 | 1 | Show attribution link |
Countdown — /embed/countdown
| Parameter | Type | Default | Description |
|---|---|---|---|
| to | ISO datetime | — | Target date/time (e.g. 2027-01-01T00:00) |
| title | string | Countdown | Event name |
| theme | string | dark | 'dark', 'light', 'soft' or 'teal' |
| attribution | 1|0 | 1 | Show attribution link |
World Clock — /embed/world-clock
| Parameter | Type | Default | Description |
|---|---|---|---|
| cities | string | new-york,london | Comma-separated city slugs (up to 8) |
| format | 12|24 | 12 | Time format |
| theme | string | light | 'light', 'soft' or 'dark' |
| attribution | 1|0 | 1 | Show attribution link |
Widgets run in the browser. DateToolsHub does not collect visitor input from these embeds. Attribution is visible and honest — no hidden links.
Frequently asked questions
- How do I embed the calendar using raw HTML?
- Copy the iframe code from any widget generator, or construct the URL manually using the parameter tables on this page. The embed is a standard HTML iframe — no JavaScript required.
- Can I customise the iframe dimensions?
- Yes. Set the width and height attributes on the iframe element. Use width='100%' for responsive layouts, or set a fixed width in pixels.
- Does the iframe send cookies or track visitors?
- No. The iframe loads a static file from Cloudflare Pages. No cookies are set, no tracking scripts are loaded, and no data is sent back to DateToolsHub servers.
- Can I remove the attribution link?
- Yes. Set attribution=0 in the URL parameters to hide the attribution link. We appreciate keeping it visible, but it is not required.