MARKETPLACE
PLUGINS
MOBILE CALENDARS
Mobile Calendars logo

Mobile Calendars

Published July 2025
   •    Updated March 2026

Plugin details

Snap Calendar & Month View – Mobile Calendar Plugin Bundle is the ultimate plugin for adding mobile-friendly, customizable calendars to your Bubble applications — especially those focused on scheduling, planning, or booking.
Key Features:
  • Two calendar types included: Snap Calendar (7-day scroll) and traditional Month View.
  • Mobile-native UX: Snap Calendar offers a smooth, horizontally scrollable week layout.
  • Fully customizable: Control fonts, colors, padding, radius, and more.
  • Dot date indicators: Visually highlight special dates using dots.
  • Workflow support: Trigger Bubble workflows when a date is selected.
  • Optimized for mobile: Built using React Native for native-like performance.

Example Use Cases:
  • Weekly fitness planners or habit trackers.
  • Booking and scheduling apps with highlighted available dates.
  • Attendance tracking or school/learning calendars.
  • Content planners and editorial workflows.

Important!  
This bundle gives you the flexibility to use either the Snap Calendar or Month View — or both — depending on your app’s design. You can highlight dot dates dynamically using Bubble expressions, and trigger workflows with ease.

Get started today and give your users a smooth, responsive calendar experience!

Demo Editor: https://bubble.io/page?id=lesscode-plugins&test_plugin=1753372870539x417110387616645100_current&tab=Design&name=calendars&type=page&elements=bTMUz9





Are you searching for bubble.io plugin development services?  
Look no further — Lesscode.io is an official Bubble.io Certified No-Code Development Agency

Hire a bubble mobile app developer today to build your next Bubble plugin or mobile app!

$9

One time

1.0 stars   •   1 ratings
4 installs  
This plugin does not collect or track your personal data.

Platform

Native mobile

Contributor details

Lesscode.io logo
Lesscode.io
Joined 2023   •   51 Plugins
View contributor profile

Instructions

📘 Instructions – Snap & Month Calendar Plugin Bundle
This plugin bundle gives you two calendar types in one:  
✅ A Snap Calendar (7-day horizontal scroll) for modern mobile UX  
✅ A Month View Calendar for full traditional date grids

Easily drag either into your Bubble app depending on your layout needs. Here’s how to set them up:



📅 Snap Calendar – Week View (Mobile Native)  
Snap Calendar is a responsive, horizontally scrollable calendar optimized for mobile.

How to Set Up:  
  • 1. Add the Element: Drop the Snap Calendar element anywhere on your page.
  • 2. Size It Properly: Set width to 100% and height around 70–90px in the Appearance tab.
  • 3. Customize Look: Change fonts, colors, radius, and spacing to match your app’s branding.
  • 4. Highlight Dates with Dots: Use the Dot Dates field to show dots under dates.   Format: YYYY-MM-DD,YYYY-MM-DD,...   Example: 2025-07-09,2025-08-04
  • 5. Use Dynamic Values (Optional): Input dot dates dynamically (e.g., from a field or text input) and use :split by ","
    to convert to a list.
  • 6. Trigger Workflows:   When Snap Calendar’s Selected Date is changed → Do something   The selected date is automatically stored and updatable.
  • 7. That’s It!: Enjoy a native-like, smooth scrolling calendar with great UX!



🗓️ Month View Calendar – Full Monthly Layout  
A clean and simple traditional month calendar with full feature control.

How to Set Up:  
  • 1. Add the Element: Place the Month View Calendar element wherever you want.
  • 2. Set Width & Height: Use full width and allow flexible or fixed height based on your layout.
  • 3. Control Years: Set Min Year and Max Year to limit the navigation range.
  • 4. Disable Dates: Prevent selection of specific dates or date ranges using Disabled Dates in the same format: YYYY-MM-DD,YYYY-MM-DD
  • 5. Dot Indicators: Like Snap Calendar, you can show dot indicators under special dates.
  • 6. Use with Workflows: Trigger workflows when a date is picked just like any Bubble input element.
  • 7. Perfect For: Bookings, availability views, content calendars, and date-based forms.



Demo Editor:  
https://bubble.io/page?id=lesscode-plugins&tab=Design&name=calendars&type=page&elements=bTMUz9





Are you searching for bubble.io plugin development services?  
Look no further as Lesscode.io is an official Bubble.io Certified No-Code Development Agency

Hire a bubble mobile app developer today to develop your next big Bubble mobile app or Bubble plugin!

Types

This plugin can be found under the following types:
Element   •   Event   •   Action

Categories

This plugin can be found under the following categories:
Calendar   •   Mobile   •   Productivity   •   Visual Elements

Resources

Support contact
Tutorial

Rating and reviews

Average rating (1.0)

No support! The plugin is glitchy and will land a week behind you point it.
March 18th, 2026
Snap-back bug: Tap a date, calendar jumps back to the previous week. selected_date sometimes fires twice and overwrites the correct value with the wrong one. Users can't reliably select a date, that's a dealbreaker. Initial Date is off by a week. Every time. Only workaround is adding +7 days to trick it into landing on the right week. That's a bug, not a config issue. go_date does nothing on Android/BubbleGo. Scroll To Week Index has no parameter field in the action builder is completely unusable. Uppercase YYYY-MM-DD breaks the plugin entirely, lowercase yyyy-mm-dd only, undocumented. Emailed Lesscode March 17 with reproducible details and three specific questions. No response. Weekday. Spent hours debugging what turned out to be plugin-level issues, not my implementation. Building a native date strip now. Don't waste your time.
Bubble