# How to make a calendar that has monthly view only?

**URL:** <https://forum.bubble.io/t/how-to-make-a-calendar-that-has-monthly-view-only/57587>\
**Category:** Need help\
**Created:** [May 24, 2019, 4:45pm UTC](https://forum.bubble.io/t/how-to-make-a-calendar-that-has-monthly-view-only/57587 "2019-05-24T16:45:12Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![chaostorm](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/chaostorm/32/127792_2.png) [@chaostorm](https://forum.bubble.io/u/chaostorm)\
**Post date:** [May 24, 2019, 4:45pm UTC](https://forum.bubble.io/t/how-to-make-a-calendar-that-has-monthly-view-only/57587/1 "2019-05-24T16:45:12Z")

</div>

Hi Bubblers,

I’ve just started building my first app. The idea was to create something simple for buying local experiences — think Airbnb Experiences or Viator or one of those — but I quickly hit a solid brick wall. The problem that’s been torturing me for a few hours now is that I can’t figure out how to add a calendar like this one:

![May-24-2019%2018-17-14](https://us1.discourse-cdn.com/bubble/original/3X/3/1/3147fc99ace0efa55cba3e26bf5c61834dd23e1f.gif)

I obviously don’t need anything fancy. No displaying multiple events per day (not even one, in fact) or any complex stuff like that. I just need the calendar to show a simple monthly view so that the user can pick a single day.

What would be the easiest way to accomplish that?

FWIW, I did install Full Calendar plugin and tried accomplishing it that way. However, either the plugin seems to do everything but this thing I need or I’m even more lost right now than I think I am. 😅

P.S.  
I do have a technical background, but I’m also brand new to Bubble, so please go easy on me. 🙂

---

<div class="post-metadata">

**Author:** ![stone](https://avatars.discourse-cdn.com/v4/letter/s/c89c15/32.png) [@stone](https://forum.bubble.io/u/stone)\
**Post date:** [May 24, 2019, 5:02pm UTC](https://forum.bubble.io/t/how-to-make-a-calendar-that-has-monthly-view-only/57587/2 "2019-05-24T17:02:57Z")

</div>

Have you tried some of these other calendar plugins? I ended up using the first one.

> **[Air Date/Time Picker Plugin for Bubble](https://bubble.io/plugin/air-datetime-picker-1495642567089x595986733356023800)**
>
> Air Date/Time Picker Plugin page on Bubble. Add Air Date/Time Picker in one click to your app. Bubble lets you build web apps without any code.

[https://bubble.io/plugin/datepicker-bdk-1534770985630x235911437579452400](https://bubble.io/plugin/datepicker-bdk-1534770985630x235911437579452400)

> **[Air Date/Time Dropper Plugin for Bubble](https://bubble.io/plugin/air-datetime-dropper--1497902469413x534380653819985900)**
>
> Air Date/Time Dropper Plugin page on Bubble. Add Air Date/Time Dropper in one click to your app. Bubble lets you build web apps without any code.

---

<div class="post-metadata">

**Author:** ![chaostorm](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/chaostorm/32/127792_2.png) [@chaostorm](https://forum.bubble.io/u/chaostorm)\
**Post date:** [May 24, 2019, 5:29pm UTC](https://forum.bubble.io/t/how-to-make-a-calendar-that-has-monthly-view-only/57587/3 "2019-05-24T17:29:08Z")

</div>

Hi @stone, thank you for the fast reply, it’s much appreciated! I’ve taken a quick look at the three plugins you mentioned. Air Date/Time Picker does seem to be the closest to what I need, but it looks like it doesn’t have an option to display the monthly view right away. (Or perhaps I’m missing something? 🤔) In other words, it should not start out as something the user has to click to get to the calendar, but rather they should be able to see the calendar immediately and then pick the date.

Perhaps @seanhoots could weigh in, too? 🙂

---

<div class="post-metadata">

**Author:** ![stone](https://avatars.discourse-cdn.com/v4/letter/s/c89c15/32.png) [@stone](https://forum.bubble.io/u/stone)\
**Post date:** [May 24, 2019, 5:31pm UTC](https://forum.bubble.io/t/how-to-make-a-calendar-that-has-monthly-view-only/57587/4 "2019-05-24T17:31:10Z")

</div>

Did you try this setting?

![image](https://us1.discourse-cdn.com/bubble/original/3X/5/2/525dff5a3b916b91c14bdb5fac1c8bfbba0b3e16.png)

---

<div class="post-metadata">

**Author:** ![seanhoots](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/seanhoots/32/12224_2.png) [@seanhoots](https://forum.bubble.io/u/seanhoots)\
**Post date:** [May 24, 2019, 5:31pm UTC](https://forum.bubble.io/t/how-to-make-a-calendar-that-has-monthly-view-only/57587/5 "2019-05-24T17:31:34Z")

</div>

Check the inline option.

---

<div class="post-metadata">

**Author:** ![chaostorm](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/chaostorm/32/127792_2.png) [@chaostorm](https://forum.bubble.io/u/chaostorm)\
**Post date:** [May 24, 2019, 5:33pm UTC](https://forum.bubble.io/t/how-to-make-a-calendar-that-has-monthly-view-only/57587/6 "2019-05-24T17:33:27Z")

</div>

Bingo! 🙌 THANKS A TON!

---

<div class="post-metadata">

**Author:** ![stone](https://avatars.discourse-cdn.com/v4/letter/s/c89c15/32.png) [@stone](https://forum.bubble.io/u/stone)\
**Post date:** [May 24, 2019, 5:36pm UTC](https://forum.bubble.io/t/how-to-make-a-calendar-that-has-monthly-view-only/57587/7 "2019-05-24T17:36:37Z")

</div>

Great, If you feel the problem is solved, please mark the thread as solved.

If you have any other questions feel free to ask.

Best,  
Øystein

---

<div class="post-metadata">

**Author:** ![chaostorm](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/chaostorm/32/127792_2.png) [@chaostorm](https://forum.bubble.io/u/chaostorm)\
**Post date:** [May 24, 2019, 5:40pm UTC](https://forum.bubble.io/t/how-to-make-a-calendar-that-has-monthly-view-only/57587/8 "2019-05-24T17:40:34Z")

</div>

@stone Yep, I was looking for a way to do so. 🙂 Anything else I should do except for clicking the checkmark that says “Select if this reply solves the problem” on hover?

---

<div class="post-metadata">

**Author:** ![stone](https://avatars.discourse-cdn.com/v4/letter/s/c89c15/32.png) [@stone](https://forum.bubble.io/u/stone)\
**Post date:** [May 24, 2019, 5:41pm UTC](https://forum.bubble.io/t/how-to-make-a-calendar-that-has-monthly-view-only/57587/9 "2019-05-24T17:41:25Z")

</div>

I think that’s it, yes.

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/bubble/original/3X/2/8/2847faa74692c2ffa5d939d3dc3724cdd060d247.png) [@system](https://forum.bubble.io/u/system)\
**Post date:** [August 2, 2019, 4:56pm UTC](https://forum.bubble.io/t/how-to-make-a-calendar-that-has-monthly-view-only/57587/10 "2019-08-02T16:56:52Z")

</div>

Closed on August 2, 2019, 4:56pm UTC

This topic was automatically closed after 70 days. New replies are no longer allowed.
