Embeddable Widgets
Free calendar widgets for websites
Embed a clean monthly calendar on any website or blog. Choose month, year, week start and theme — then copy and paste one line of HTML.
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=sunday&theme=light&attribution=1" width="100%" height="320" frameborder="0" style="border:0;border-radius:12px;overflow:hidden" title="Monthly Calendar"></iframe>
Who uses this widget
- Schools — show the current academic month on your school homepage
- Churches — display the monthly calendar on your church website
- Small businesses — add a calendar to your company intranet or portal
- Bloggers — place a sidebar or footer calendar on your blog
- Local organisations — embed a calendar on your community website
How to add this widget to your website
- 1Go to the calendar widget generator.
- 2Choose the month, year, week start and theme.
- 3Click Copy embed code.
- 4Paste the HTML into your website editor (WordPress HTML block, Squarespace Code block, etc.).
Customization options
| Parameter | Type | Default | Description |
|---|---|---|---|
| year | number | current year | Year to display (e.g. 2026) |
| month | 1-12 | current month | Month number (1 = January, 12 = December) |
| weekStart | string | sunday | Week start day: 'sunday' or 'monday' |
| theme | string | light | Colour theme: 'light', 'soft' or 'dark' |
| showTitle | 1|0 | 1 | Show month/year title at the top |
| attribution | 1|0 | 1 | Show visible 'Calendar widget by DateToolsHub' 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 add a calendar widget to my website?
- Go to the calendar widget generator, configure month, year and theme, then copy the embed code and paste it into your website editor.
- Can I show holidays on the calendar widget?
- The monthly calendar widget highlights today's date automatically. For a holiday-focused widget, use the holiday calendar widget which shows upcoming public holidays for 7 countries.
- Does the calendar widget work on mobile?
- Yes. The widget is responsive and adapts to the width of its container, so it looks good on phones, tablets and desktops.
- Can I choose Monday-start weeks?
- Yes. Set the weekStart parameter to 'monday' to start weeks on Monday instead of Sunday.