The Calendar widget plots collection items on a month or week calendar from a DATE or DATETIME field — ideal for workshops, bookings listings, and editorial calendars. Visitors can search and filter events, refresh the visible range, and open details or a Dynamic Page on click.
The app binds data to this widget — not to native Harmony calendar elements.
Use case examples
- Workshop schedule — Month view with title and details; filter by event type.
- Clinic hours — Week view with time format and week-start preferences.
- Editorial calendar — CMS-backed dates with click-through to a Dynamic Page brief.
Configure a Calendar
Build with AI: Open AI setup at the top of the panel and describe date fields and view — then refine in Manual. Details: AI setup.
- Add Calendar from Add → Elements → Installed Apps → CMS for Harmony.
- Select the widget → open Settings.
- In Content, connect a data source and map date fields.
- Optionally configure Search & filters, Data refresh, Layout, Dynamic page, Design, and Mobile.
- Publish the site.
Content
Where: Manual overview → Content drill row
Where: Settings → Content
- Set Data source to Wix CMS or External Database (see External databases).
- Map Date (required), optional End date for multi-day events, Title, Details, and Link fields.
Search & filters
Where: Manual overview → Search & filters drill row
Where: Settings → Search & filters
Full reference: Search & filters. Search looks at the Title and Details fields.
Data refresh
Where: Settings → Data refresh
Full reference: Data refresh. Reloads events for the visible range.
Layout
Where: Settings → Layout
- Set Default view (month or week) and whether visitors can Allow view switch.
- Choose Week starts on (Sunday or Monday) and Time format (12- or 24-hour).
- Optionally set week day start/end hours, Max events per day, Show days from adjacent months, and Highlight today.
Dynamic page
Where: Manual overview — toggle Dynamic page, then open the row
Where: Settings → Dynamic page
- Set When event is clicked — open details, go to the item’s Dynamic Page (Wix CMS), or do nothing.
- When linking to a Dynamic Page, match Page path and Page link field, and choose Open in.
Overview: Dynamic pages.
Design
Where: Settings → Design
Style Background, Header background, Text, Muted text, Borders, Event, Event text, Today highlight, and fonts.
Mobile
Where: Settings → Mobile
- Set On small screens for a compact layout.
- Set the Breakpoint (320–1200 px).