Calendar & Tasks Card - Unified agenda for events and todos

Hi all! :waving_hand:

I just published my first custom Lovelace card for Home Assistant and wanted to share it here. Looking for feedback before submitting to the default HACS store.

What it is

Calendar & Tasks Card is a unified agenda view that combines calendar events and todo tasks in a single, sorted timeline.

Most existing cards show either calendar events OR todos, not both. I built this because I have a shared CalDAV calendar with my partner and a shared todo list, and I wanted to see "what's coming up" at a glance, mixing appointments and reminders.

Main features

  • :date: Calendar events + todo tasks in one timeline
  • :police_car_light: Dedicated "Overdue" section (highlighted in red)
  • :clipboard: "No Date" section for undated tasks
  • :white_check_mark: Complete tasks directly from the card (checkbox)
  • :artist_palette: Customizable colors per entity (12-color palette)
  • :round_pushpin: Event location display, optionally clickable to open Google Maps
  • :globe_with_meridians: Multilingual: English and Italian (auto-detect from HA)
  • :tear_off_calendar: Optional ISO week numbers
  • :stopwatch: Relative time labels ("Tomorrow", "In 3 days", "Yesterday")
  • :downwards_button: Collapsible card with persistent state
  • :hammer_and_wrench: Full visual editor (no YAML editing required)

Screenshots



Installation

The card is currently available as a custom HACS repository. After some feedback period, I plan to submit it to the default store.

GitHub: GitHub - korova-sq/calendar-tasks-card: Unified agenda view for Home Assistant — calendar events and todo tasks in a single timeline · GitHub

To install:

  1. HACS → Frontend → 3 dots → Custom repositories
  2. URL: GitHub - korova-sq/calendar-tasks-card: Unified agenda view for Home Assistant — calendar events and todo tasks in a single timeline · GitHub
  3. Category: Lovelace
  4. Search "Calendar & Tasks Card" and install

Tested integrations

  • :white_check_mark: Local To-do (works great)
  • :white_check_mark: CalDAV iCloud (read works, task completion broken due to known HA core bug)
  • :white_check_mark: Google Tasks (works, but no time-of-day due to Google API limitation)
  • :white_check_mark: Calendar entities (Apple/Google/CalDAV - standard HA support)

Feedback welcome!

This is my first card on HACS, so I'm sure there's room for improvement. If you try it and find bugs, weird behavior, or have suggestions, please open an issue on GitHub or reply here.

Thanks!

2 Likes

Quick update: v1.2.0 is now available with two new options:

  • Limit visible events: toggle to show only the first N events with a smooth
    internal scrollbar for the rest. Header stays fixed.
  • Compact mode: reduced vertical spacing for tighter dashboards.

Both default to OFF, so no change unless you enable them in the visual editor.

I wish it was possible to see Google Tasks subtasks so far I can't find any card that supports that unless its just a weird Google Tasks API limitation

Hey, thanks for trying the card! :folded_hands:
As far as I know, it's not really a Google Tasks API issue but more of an HA limitation todo.get_items returns subtasks as flat items without any parent reference. So my card has no way to know which tasks are subtasks of which.
If that ever changes on the HA side, I'll happily add it! :blush:

1 Like

Quick update: v1.3.0 is out with weather support! :sun_behind_rain_cloud:

You can now display:

  • A weather widget at the top of the card with today's condition, temperature, min/max, and humidity
  • Weather icon + temperature next to each day in the agenda

Both options are independent and default to OFF.

Hope you like it! :sun_behind_small_cloud:

v1.4.0 is out! :tada:

New feature: Exclude filter to hide events and tasks based on keywords.

  • Exclude filter: a new exclude configuration option lets you hide events and tasks whose titles contain specific keywords or phrases.
  • Editor UI: a new "Filters" section in the visual editor with chip-style keyword management (add/remove keywords visually).
  • Match is partial (sub-string) and case-insensitive:
    • Single word: exclude: ["meeting"] hides "Weekly meeting", "Meeting room", "meeting notes", etc.
    • Multi-word phrase: exclude: ["Team meeting"] hides only events containing the exact phrase "Team meeting" (so "Client meeting" remains visible).
  • Applies to both calendar events and todo tasks.

Update available via HACS.

v1.5.0 is out! :globe_with_meridians:

The visual editor is now fully translated!

  • All editor labels, toggles, and section titles translated in Italian and English
  • Editor language follows Home Assistant’s language setting
  • Bug fix: unsupported languages (French, German, Spanish, etc.) now correctly fall back to English

Update available via HACS.

Repo: GitHub - korova-sq/calendar-tasks-card: Unified agenda view for Home Assistant — calendar events and todo tasks in a single timeline · GitHub

Hi @korova-sq for multi day event. It shows only the first day and not the rest. Is it expected with google calendar? Loving both your cards!

1 Like

Hi @NavNav! Thanks for spotting this :folded_hands:

It’s not a Google Calendar issue — the card currently matches events only by
their start date, so multi-day events show up on the first day only.
I’ll fix it in the next release so they appear on every day they span.

Thanks again for the report, and glad you’re enjoying the cards! :blush:

1 Like

v1.6.0 is out! :tada:

  • Multi-day events now show on every day they span, with a (2/6) day counter
  • Timezone fix: all-day events no longer appear one day early west of UTC
  • German translation added — the card and editor are now available in :italy: :united_kingdom: :germany:

Big thanks to NavNav for suggesting multi-day events, to @kielsucks for the timezone fix, and to @CptPICHU for the German translation! :folded_hands:

Update available via HACS.

1 Like

Thank you for the quick fix on the multi-day.
Would it be possible to have the background like the Sun weather Card?

  • Transparent background, so the card can blend into your dashboard
  • Background image support, with a light/dark overlay slider to keep the text readable on any picture
1 Like

Thanks! :folded_hands: It was already on my list — I’ll add it in a future release.

1 Like

v1.7.0 is out! :tada:

  • Custom backgrounds: transparent mode or a background image with a light/dark overlay slider
  • Add event/task button: create calendar events and todo tasks right from the card, no page switching — pick the type, the calendar/list, and fill in the details

Update available via HACS.

:tada: v1.8.0 is out — Monthly grid view & French translation

Hi everyone! A update just landed:

:spiral_calendar: Monthly grid view
You can now optionally switch the card to a month calendar grid (month_view: true) — the classic agenda list is still here and stays the default.
Today is highlighted, event dots show which days have events or tasks, and tapping any day opens a popup with the full details for that day.

:date: Month navigation
Move between months with the arrows, or tap the month name to open a picker — a grid
of the 12 months with year arrows and a “Today” button to jump back.

:clipboard: Day popup
Tapping a day shows its events and tasks with times, location, and an “Add event”
button that pre-fills the date.

:france: French translation
The card and the visual editor are now available in French, thanks to @ValMarDav !
(Italian, English, German and French are all supported, auto-detected from your system.)


The month view is fully optional — it defaults to off, so existing setups keep the
agenda view exactly as before. All your display toggles (compact mode, week numbers,
day details) work in the grid too.

:star: GitHub: GitHub - korova-sq/calendar-tasks-card: Unified agenda view for Home Assistant — calendar events and todo tasks in a single timeline · GitHub

Feedback and issues welcome as always :folded_hands:

:grinning_face:

1 Like

:spiral_calendar: Calendar & Tasks Card v1.9.0 is out!

Four community-requested features in this release:

  • :shuffle_tracks_button: View switch button — a header button to flip between agenda and month view without opening the editor (show_view_switch)
  • :artist_palette: card-mod support — style the card with card-mod; styles persist through refreshes and view changes
  • :date: Current date in header — optionally show today’s localised date under the title (show_current_date)
  • :see_no_evil_monkey: Hide “No Date” section — new show_no_date option to hide undated tasks

All new options default to off (except show_no_date, which stays on), so existing setups are unchanged.

Grab it via HACS or from the release page. Full details in the CHANGELOG.

Thanks everyone for the feedback and requests

1 Like

:spiral_calendar: Calendar & Tasks Card v1.10.0 — native editor, native colours & progress bar

A big update focused on making the card feel fully native inside Home Assistant, plus two new display features.

:sparkles: New

  • :bar_chart: Event progress bar — an event that’s happening right now can show a thin bar under it, filled in the calendar’s colour (event_progress: line). In the screenshot below you can see two in-progress events, each bar showing how far along that event is. For multi-day events the bar shows only on today, filled to the real progress across the whole event, so you can tell at a glance how far along it is. It advances on its own every minute.
  • :stopwatch: Hour / minute countdown — imminent events and tasks with a precise time now show “In 3 hours” / “In 45 min” instead of a generic “Today”.

:wrench: Changed

  • :control_knobs: Native ha-form editor — the whole editor is rebuilt on Home Assistant’s native controls (entity pickers, colour pickers, dropdowns, action editors), consistent with the built-in cards.
  • :artist_palette: Native colour system — per-entity colours now use HA’s native colour picker, with automatic rotation from the theme palette for entities left unset.
  • :card_index_dividers: Native collapsible sections in the editor.

:warning: After updating, please re-pick your calendar colours
The colour system moved to Home Assistant’s native palette, and colours set in older versions are not carried over. Open the card editor and re-pick the colour for each calendar/list you had customised — anything left unset uses the new automatic rotation.

:star: GitHub: GitHub - korova-sq/calendar-tasks-card: Unified agenda view for Home Assistant — calendar events and todo tasks in a single timeline · GitHub

Thanks everyone for the feedback and requests — keep them coming! :hot_beverage:

2 Likes