A full-featured calendar with month, week, day, and agenda views
Display events on a beautiful, full-featured calendar with multiple view modes — month, week, day, and agenda. Perfect for booking apps, event planners, and scheduling tools.
Key Features
5 view modes: Month, Week, Day, Agenda, and Mini Bind events from any Adalo database collection Event dots, bars, or count badges on month view Color-coded events with per-event hex colors View switching tabs (Today, Month, Week, Day, Agenda) Date navigation with earliest/latest constraints All-day event support Current time indicator on week/day views 12 languages supported Fully customizable colors (15+ color props) On Event Clicked, On Date Selected, On Empty Slot actions Works on Web, iOS, and Android
Perfect For
• Appointment booking apps
• Event planning and management
• Team scheduling tools
• Content calendars
• Class/session scheduling
• Availability calendars
How to Get It
Open your Adalo app editor
Click the **+** button to open the Add Components panel
Browse **Marketplace Components** or search for “Calendar Pro”
Click to add it to your app — done!
If you have any questions or feedback, drop a comment below. I’d love to hear how you’re using it!
hey @AKyle the component looks awesome and useful… for people like me that aren’t pro on adalo could you make a short video on how to set it up with the database collection.
Hi @AKyle was this video ever put together on how to configure it? I feel like I’m pretty intuitive in Adalo and I cannot figure out how to get it configured at all. I’ve tried everything and even added in dummy data to fields I don’t normally collect in the Collection I’m looking at, and I still can’t get it to show that I have an event on a date. I’ve gone through the Help page too.
Hi @vhbingham, would you be able to share a quick screen recording showing your component setup, so we can take a look to see what’s going on? Also what happens if you select no formatting for the event start & end magic text values, does it still not work?
It will only show data when Date/Time is used however this can only show me after / before / between, meaning all shifts are shown after the selected date/time.
Away from my laptop so not fully sure, I think first one works but clicking the next date (like if 14th, clicking 15th) and next one would show current + future ones. I remember, I used a date property in users collection > update logged in user, that property with component clicked date under on date selected group in actions section > used date property and is equal to the logged in user property in the list.
Will check more once I’m back at my desk and share the bugs with Kyle!
I tried with No Formatting and it didn’t show anything either.
This is my setup right now - I have it configured to look at my specific Asset and what I call PMs within them. This is with the setting of Date/Time and it still doesn’t show anything.
I did configure it to look at ALL PMs within that collection and it won’t show anything. I also created a page that is agnostic of any other data and it didn’t show anything either.
And was the event start & end fields values set to no formatting or date/time? Also just to double check, no value entered in the maximum number of items right? Looks like need a deeper look at the setup, would you be able to submit a ticket? : New Bug Form
5 view modes: Month, Week, Day, Agenda, and Mini
