# Daylight Calendar Card

> Documentation for the Daylight Calendar Card — a beautiful, customizable Home Assistant calendar card.

## Docs

- [Daylight Calendar Card: A Beautiful Home Assistant Calendar](https://docs.daylightcalendar.com/introduction.md): Daylight Calendar Card adds a beautiful, family-friendly calendar to your Home Assistant dashboard with multiple views, event management, and weather.
- [Installing Daylight Calendar Card in Home Assistant](https://docs.daylightcalendar.com/installation.md): Install Daylight Calendar Card via HACS in one click, or manually by downloading the JS file and registering it as a Lovelace resource.
- [Quickstart: Add Daylight Calendar Card to Your Dashboard](https://docs.daylightcalendar.com/quickstart.md): Add the Daylight Calendar Card to your Home Assistant dashboard in under two minutes using the visual editor or a simple YAML snippet.
- [Month View: Full Monthly Calendar Grid](https://docs.daylightcalendar.com/views/month.md): The Month view displays a monthly calendar grid with event chips. Configure overflow, week numbers, and detail options for your Home Assistant card.
- [Week View: Glanceable Weekly Calendar Layout](https://docs.daylightcalendar.com/views/week.md): Week view shows each day of the week as a column with stacked events, providing a clean, glanceable layout for family dashboards and wall tablets.
- [Schedule View: Timed Weekly Grid for Daylight Calendar](https://docs.daylightcalendar.com/views/schedule.md): Schedule view renders a timed weekly grid with days as columns and hours as rows, positioning events as blocks by their actual start and end times.
- [Agenda View: Scrollable Rolling Day List](https://docs.daylightcalendar.com/views/agenda.md): The Agenda view shows a scrollable rolling day list starting from today, perfect for an always-current event feed on your Home Assistant dashboard.
- [Basic Configuration Options for Daylight Calendar Card](https://docs.daylightcalendar.com/configuration/basic.md): Configure entities, default view, language, first day of week, and core display settings for the Daylight Calendar Card in Home Assistant.
- [Display & Header Options for Daylight Calendar Card](https://docs.daylightcalendar.com/configuration/display.md): Control header visibility, navigation, calendar badge display, and event formatting options for the Daylight Calendar Card in Home Assistant.
- [Managing Calendar Events with the Daylight Calendar Card](https://docs.daylightcalendar.com/configuration/event-management.md): Create, edit, and delete calendar events directly from the Daylight Calendar Card, with support for recurring events and read-only calendars.
- [Appearance and Colors: Daylight Calendar Card](https://docs.daylightcalendar.com/configuration/appearance.md): Customize calendar colors, event color mode, header style, background images, font sizes, and dark mode for the Daylight Calendar Card.
- [Weather & Time Display in the Daylight Calendar Card](https://docs.daylightcalendar.com/configuration/weather.md): Add weather forecasts and a live clock to your Daylight Calendar Card header using Home Assistant weather and time sensor entities.
- [Event Styles: Custom Colors and Icons for Calendar Events](https://docs.daylightcalendar.com/advanced/event-styles.md): Use event_styles rules to apply colors, icons, opacity, and hide overrides to Home Assistant calendar events matched by title, calendar, location, or date.
- [Day Styles: Highlight and Color Calendar Days](https://docs.daylightcalendar.com/advanced/day-styles.md): Use day_styles rules to apply custom background colors, borders, and opacity to calendar days based on conditions like today, weekend, or has_event.
- [Day Badges: Add Custom Indicators to Calendar Days](https://docs.daylightcalendar.com/advanced/day-badges.md): Configure day_badges rules to display text labels, icons, or icon-and-text chips on calendar days matched by event title, calendar source, or day conditions.
- [Virtual Calendars: Group Calendar Entities into Named Sets](https://docs.daylightcalendar.com/advanced/virtual-calendars.md): Use virtual_calendars to combine multiple Home Assistant calendar entities under a single name, color, and icon in the Daylight Calendar Card.
- [Combine Calendars: Deduplicate Shared Events](https://docs.daylightcalendar.com/advanced/combine-calendars.md): Use combine_calendars to merge duplicate events across multiple Home Assistant calendars, with bars, stripes, or dots styles to mark combined event chips.
- [uix: Inject Custom CSS into Daylight Calendar Card](https://docs.daylightcalendar.com/advanced/uix.md): Use the uix.style option to inject raw CSS into Daylight Calendar Card's shadow DOM and override internal styling for events, days, and headers.
- [Daylight Calendar Card: Troubleshooting Common Issues](https://docs.daylightcalendar.com/troubleshooting.md): Fix common problems with the Daylight Calendar Card including missing events, blank cards, event editing errors, weather not showing, and layout issues.
- [Frequently Asked Questions: Daylight Calendar Card](https://docs.daylightcalendar.com/faq.md): Answers to common questions about Daylight Calendar Card covering installation, configuration, Google Calendar, language settings, and HACS updates.

## Optional

- [GitHub](https://github.com/superdingo101/daylight-calendar-card)