Oubliez pas de liker la page pour me suivre

Rejoignez-nous sur Facebook

08 janvier 2026

[TUTO] 📅 Calendar Card Pro, un calendrier amélioré dans Home Assistant

Tutoriel complet : installation, configuration et personnalisation

Calendar Card Pro est une carte Lovelace avancée permettant d’afficher vos calendriers Home Assistant (Google, iCloud, CalDAV, local, etc.) de manière moderne, lisible et hautement personnalisable.

👉 Idéal pour :

  • les tableaux de bord muraux

  • les agendas familiaux

  • le suivi des événements (poubelles, vacances, rendez-vous…)

🔧 Prérequis

Avant de commencer, assurez-vous que :

  • Home Assistant est à jour

  • Un ou plusieurs calendriers sont déjà intégrés
    (Google Calendar, iCloud, CalDAV, calendrier local…)

👉 Vous devez voir vos calendriers dans Paramètres > Appareils & services > Calendrier

📥 Étape 1 – Installer Calendar Card Pro

🔹 Méthode recommandée : via HACS

  1. Allez dans HACS

  2. Cliquez sur Frontend

  3. Recherchez Calendar Card Pro

  4. Cliquez sur Télécharger

  5. Redémarrez Home Assistant (ou rechargez les ressources Lovelace)

👉 La carte est automatiquement ajoutée aux ressources.

🧩 Étape 2 – Ajouter la carte au tableau de bord

  1. Ouvrez votre Dashboard

  2. Cliquez sur Modifier le tableau de bord

  3. Ajouter une carte

  4. Choisissez Carte personnalisée

  5. Sélectionnez Calendar Card Pro

Ou passez directement en mode YAML.

🧪 Configuration de base (exemple simple)

type: custom:calendar-card-pro
entities:
  - calendar.famille

📌 Cette configuration affiche :

  • les prochains événements

  • le titre

  • la date et l’heure

⚙️ Options essentielles de configuration

📆 Limiter le nombre d’événements affichés

max_events: 5

⏱️ Période d’affichage (jours à venir)

days_to_show: 7

🕒 Format de l’heure

time_format: 24h

ou

time_format: 12h

🎨 Personnalisation visuelle

🌈 Couleurs et style

style:
  background: rgba(0, 0, 0, 0.4)
  border_radius: 16px

🖌️ Couleur par calendrier

entities:
  - entity: calendar.travail
    color: "#FF5722"
  - entity: calendar.famille
    color: "#4CAF50"

📌 Icônes personnalisées

entities:
  - entity: calendar.poubelles
    icon: mdi:trash-can

🧠 Affichage intelligent

🔔 Masquer les événements passés

hide_past_events: true

📍 Afficher le lieu de l’événement

show_location: true

📝 Afficher la description

show_description: true

🧭 Mise en page avancée

📄 Vue compacte (parfait pour mobile)

compact_view: true

📅 Affichage par jour (groupé)

group_by_day: true

🔀 Interaction & actions

👉 Ouvrir l’événement au clic

tap_action:
  action: more-info

🔗 Lien externe (Google Calendar par exemple)

tap_action:
  action: url
  url_path: https://calendar.google.com

🧩 Exemple complet et personnalisé

type: custom:calendar-card-pro
entities:
  - entity: calendar.famille
    color: "#2196F3"
    icon: mdi:account-group
  - entity: calendar.poubelles
    color: "#4CAF50"
    icon: mdi:trash-can
days_to_show: 14
max_events: 10
time_format: 24h
hide_past_events: true
group_by_day: true
show_location: true
show_description: false
compact_view: false
style:
  background: rgba(20, 20, 20, 0.6)
  border_radius: 20px

💡 Cas d’usage populaires

♻️ Calendrier des poubelles

  • Icône mdi:trash-can

  • Couleur verte

  • Peu d’événements, très lisible

👨‍👩‍👧‍👦 Agenda familial

  • Groupé par jour

  • Affichage sur 14 jours

  • Icônes personnalisées

🏢 Agenda travail

  • Couleur spécifique

  • Masquer la description

  • Vue compacte

🛠️ Dépannage

❌ La carte ne s’affiche pas

  • Vérifiez que HACS est bien installé

  • Rechargez les ressources Lovelace

  • Vérifiez le nom exact de l’entité calendrier

❌ Aucun événement affiché

  • Vérifiez que le calendrier contient des événements à venir

  • Augmentez days_to_show

✅ Conclusion

Calendar Card Pro est l’une des meilleures cartes calendrier pour Home Assistant :

  • très esthétique

  • ultra personnalisable

  • parfaite pour les dashboards muraux et familiaux

👉 Une fois bien configurée, elle devient indispensable.

Pour encore plus de configuration, rendez vous sur la page officielle Github de Calendar Card Pro.

Le
Labels: