Ruben Romero
Β Β·Β Graphic designer addicted to FlutterFlow and complex logic

[PAID] Custom Calendar & Date Picker with Single Date or Date Range Selections and Event Markers

Custom Calendar with Event Markers πŸ“†

New features:

πŸ”₯ Multi-View Mode: πŸ”₯ Switch between weekly πŸ“†, bi-weekly πŸ“…, and monthly πŸ—“οΈ views with a simple toggle! This insanely flexible calendar adapts to your scheduling needs.

πŸ”₯ Date range selection mode: πŸ”₯ Now you can choose between single date selection or date range selection modes with ease, just by toggling a checkbox



Unlock the power of customization with the Custom Calendar component. Whether you're managing appointments, tracking deadlines, or planning events, the calendar provides the flexibility and functionality you need to stay organized and efficient.

😱 Key Features:

  1. Display Event Markers: Easily visualize important dates with customizable event markers on the calendar.

  2. Flexible Selection Modes: Set up your calendar to work in either single date or date range mode, or let users choose dynamically based on their needs. The selected dates variables will always be accessible, seamlessly fitting into your app's flow

  3. Flexible Design: Since it's built using basic widgets, you can edit virtually any part of the design to match your style preferences.

  4. Actionable Dates: Perform actions seamlessly when users select a date, enhancing interactivity and user engagement.

  5. Start Date Modification: Adjust the calendar's start date to fit your specific needs, ensuring a personalized experience for your users.

  6. Color Customization: Tailor the color scheme to align with your brand identity or user preferences, creating a cohesive look and feel.

  7. Week Start Options: Choose between starting the week on Monday or Sunday, accommodating different regional or user preferences.

  8. Event Count Display: Decide whether to display the number of events for a specific day or opt for a simple marker without a number, providing flexibility in information presentation.

  9. Automatic Date Translation: Utilizing only datetimes ensures that months and days of the week are automatically translated into any language, enhancing accessibility and usability.

  10. Dark Mode Ready: Seamlessly integrates with dark mode, providing a sleek and modern appearance for users who prefer darker interfaces. 🌘

Experience Our Custom Calendar Live!!

Ready to explore the power of this Custom Calendar with Event Markers? Dive into the live demo and test out all the features firsthand! πŸš€

Try the Live Demo Now!

Grab the Custom Calendar here!

If you need advanced customizations tailored specifically to the logic of your businessβ€”like blocking specific dates, applying unique styles, or adding multiple markersβ€”I can create a custom version of the calendar to meet your requirements. Please feel free to contact me directly, and I’ll be happy to assist you!


Open for freelance projects! Drop me a message to discuss your needs and let's make magic happen!

Are you struggling with a project? Let's tackle those roadblocks together! Schedule a meeting, and I'll provide expert guidance to help you move forward smoothly

29
229 replies