Integrating iCloud and Google Calendars into Homey Dashboard

General
1

Hey everyone! :wave: I wanted to share a fantastic solution I found for integrating iCloud and Google calendars directly into the Homey dashboard. This setup not only displays your calendar events but also includes automatic travel time calculations and departure warnings. It’s a game-changer for staying organized and on time! :tada:

Features

  • Multi-day view: Shows appointments for the next two days (today & tomorrow).
  • Travel time calculator: Automatically estimates how long it will take to reach your appointments.
  • Warning system: Alerts you when it’s time to leave, with three levels of urgency (normal, leave soon, leave NOW!).
  • Modern design: Clean and responsive layout with animations for a polished look.
  • Dark/Light mode: Automatically adapts to your dashboard theme.
  • Multiple calendars: Supports multiple calendars with colored badges for easy differentiation.

Requirements

  1. HTTP Server App: Available in the Homey App Store.
  2. Public iCloud or Google Calendar URLs: Ensure your calendars are set to public access.

Installation Steps

  1. Install the HTTP Server App: Use the default port (8000) for simplicity.
  2. Get Calendar URLs: For iCloud, enable public sharing and replace webcal:// with https://. For Google Calendar, generate a public link.
  3. Customize the Script: Adjust the calendar configuration, home coordinates, and other settings to match your preferences.
  4. Upload the File: Save the script as calendar.html and upload it to your HTTP Server.
  5. Add to Dashboard: Use a Web Widget with the URL http://YOUR-HOMEY-IP:8000/calendar.html.

Customization Options

  • Colors: Choose from predefined colors or customize your own.
  • Time Range: Adjust how many days ahead the calendar displays.
  • Update Interval: Set how frequently the calendar updates (default is every 5 minutes).

Troubleshooting Tips

  • No appointments? Double-check your calendar URLs and ensure they’re set to public.
  • No travel times? Verify your home coordinates in the script.
  • Missing animations? Clear your browser cache (Ctrl + F5).

This integration has completely transformed how I manage my schedule. It’s sleek, functional, and incredibly useful! If you’re looking to streamline your calendar viewing, I highly recommend giving this a try. :rocket: Let me know if you have any questions or run into any issues—I’d be happy to help! :blush: