Daily Motivation: Loading today's inspiration...

Calendar & Events

Keep track of your important dates and events

📍 Location: Not set

Set location to get weather info for your calendar planning.

Temperature:

Sun
Mon
Tue
Wed
Thu
Fri
Sat

Events

📖 Features & How to Use

📅 Interactive Calendar

Navigate through months using the arrow buttons (← →). The current date is highlighted with a blue border. Dates with events show a small dot indicator in the top-right corner. Weather icons and temperatures appear on each day when location is set.

✏️ Add Events

Quick method: Double-click any date to instantly open the event modal. Standard method: Click a date to select it, then click the "+ Add Event" button. Enter a title (required) and optional description. Your event is saved instantly!

🗑️ Manage Events

View all events for a selected date in the Events panel or in the enhanced event modal (shows existing events on the left). Delete any event by clicking the trash icon. A confirmation dialog will appear to prevent accidental deletions. Close the modal with the X button or Cancel.

💾 Auto-Save

Events are automatically saved to your browser (when hosted externally). Data persists through page reloads, tab switches, and browser closes. Auto-saves every 30 seconds as backup.

⬇️⬆️ Export & Import

Export: Download all events as a JSON file for backup or transfer. Import: Upload a previously exported file to restore events. You can merge with existing events or replace them entirely.

🎨 Customizable Themes

Choose from 6 beautiful color themes to personalize your calendar. Your theme preference is saved automatically. All themes support both light and dark mode.

🌓 Dark Mode Support

Automatically detects your system's dark mode preference. All themes are optimized for both light and dark modes with carefully selected colors for optimal readability.

📱 Mobile Friendly

Fully responsive design works perfectly on phones, tablets, and desktops. Touch-optimized buttons and interfaces ensure smooth experience on all devices.

🌤️ Weather Information

See weather icons and temperatures on each calendar day. Weather data is available for the next 16 days and historical dates. Weather info help you plan better.

📍 Location & Temperature Settings

Set your location using "Auto-detect" (uses your browser's location) or manually enter a city name. Choose your preferred temperature unit (°C or °F). The system automatically detects the appropriate unit based on your country, but you can change it anytime. Your preferences are saved automatically.

🚀 Quick Start Guide

1

Set your location: Click "🌐 Auto-detect" to use your current location, or "📝 Set Location" to enter a city name. Choose your temperature unit (°C or °F) - it auto-detects based on your country.

2

Navigate to a date: Use the ← → arrows to browse months, or simply click today's date (highlighted with a blue border). Weather icons and temperatures will appear on calendar days.

3

Select a date: Click on any day in the calendar. The Events panel below will update to show events for that date.

4

Add an event: Quick: Double-click any date to instantly open the event modal. Standard: Click the "+ Add Event" button, fill in the event title and optional description, then click "Save Event". The modal shows existing events for that date.

5

Backup your data: Click the "⬇️ Export" button to download your events as a backup file. Safe and secure!

6

Personalize: Scroll down to choose your favorite theme from the 6 color options available.

Choose Theme

Blue
Green
Sunset
Purple
Mono
Orange