!
Daylight Calendar Card for Home Assistant
[!NOTE]
Formerly known as skylight-calendar-card.
A bright, family-friendly calendar card for Home Assistant dashboards.
Designed for clarity at a glance, with flexible views and deep customization.
✨ Features
- 📅 Month, Week, Schedule, and Agenda views
- 👨👩👧👦 Multi-calendar support
- 📝 Create and edit events
- 🌤️ Weather forecasts
- 🎨 Event Styles and Day Styles
- 🏷️ Day Badges
- 🧩 Virtual Calendars
- 👤 Person entity integration
- ✨ Rich Markdown and HTML event descriptions
- 🎛️ Full visual editor
- 📱 Responsive tablet-friendly design
📸 Screenshots
Week View
Schedule View
Agenda View
🔧 Requirements
- Home Assistant
- One or more calendar entities (e.g.
calendar.family,calendar.work)
🚀 Installation
Recommended: Install via HACS
OR
- Open HACS → Frontend
- Click + Explore & Download Repositories
- Search for Daylight Calendar Card
- Install and refresh your dashboard
Manual Installation
- Download:
- Place in:
/www/skylight-calendar-card.js - Add resource:
/local/skylight-calendar-card.js?v=1- Set type to JavaScript Module
- Refresh your browser
?v=2) to avoid caching issues.
⚡ Quick Start
type: custom:daylight-calendar-card
title: Family Calendar
entities:
- calendar.family
- calendar.work
- calendar.holidays📚 Documentation
Full documentation is available at:
https://docs.daylightcalendar.com
Popular Guides
- Installation
- Quick Start
- Configuration Reference
- Event Styles
- Day Styles
- Day Badges
- Virtual Calendars
- Event Management
- Troubleshooting
💬 Community & Support
If you need help, have ideas, or want to contribute, use the options below:
🛠 Troubleshooting
Having problems?
- Verify you're running the latest version
- Open the About / Diagnostics section in the editor
- Visit the troubleshooting guide
💪 Support this project
If you'd like to support development, GitHub Sponsors is the preferred option ❤️
❤️ Acknowledgements
Thanks to the Home Assistant community for feedback, ideas, and contributions.
Your support helps shape the future of this project!