Feature Highlights
Multiple View Modes
Switch between month, week, and agenda views to see your schedule exactly the way you want. Each view is optimized for quick scanning and easy navigation.
Multi-Calendar Support
Display events from multiple Home Assistant calendar entities side by side. Color-code calendars for family members, rooms, or projects so everything stays organized at a glance.
Event Management
Create, edit, and delete calendar events directly from your dashboard without leaving Home Assistant. Tap any event to view its full details or make changes on the spot.
Weather Integration
Optionally show daily weather forecasts inline with your calendar events so you can plan your week with the full picture in mind.
Deep Customization
Tailor the card to match your dashboard’s style. Adjust colors, fonts, first day of the week, past-event appearance, and dozens of other options through a visual editor or YAML.
Easy HACS Install
Install Daylight Calendar Card in seconds through HACS (Home Assistant Community Store) — no build steps, no dependencies, just a single JavaScript file.
How It Works
Daylight Calendar Card reads events directly from your Home Assistant calendar entities — such ascalendar.family or calendar.work — and renders them in whichever view you choose. It communicates with Home Assistant’s native calendar API, so any calendar integration already connected to your instance (Google Calendar, CalDAV, Local Calendar, and more) works automatically.
You configure the card through Home Assistant’s built-in visual Lovelace editor, which exposes all common options as form fields. If you prefer full control, every option is also available as a YAML property, making it easy to version-control your dashboard configuration or share snippets with the community.
The card registers under the type name custom:daylight-calendar-card (version 4.0.0 and later). Legacy configurations using custom:skylight-calendar-card continue to work without any changes, for now.
Get Started
Installation
Install the card via HACS or manually in just a few steps.
Quickstart
Add the card to your dashboard and show your first calendar in under two minutes.
