# 🗓 Google Calendar for Glide... plus Event Picker

**URL:** <https://community.glideapps.com/t/google-calendar-for-glide-plus-event-picker/55902>\
**Category:** Project Showcase\
**Created:** [December 20, 2022, 1:43am UTC](https://community.glideapps.com/t/google-calendar-for-glide-plus-event-picker/55902 "2022-12-20T01:43:29Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [December 20, 2022, 1:43am UTC](https://community.glideapps.com/t/google-calendar-for-glide-plus-event-picker/55902/1 "2022-12-20T01:43:29Z")

</div>

[![Google Calendar](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/1/7/170969a4b2fe6d9825c8ada414c81cc5437a33d1.png)](https://google-calendar-demo.glideapp.io/)

Advanced CSS Calendar/Event Picker… it syncs data from your google calendar and turns it into Glide inline lists… Fast synchronization… under 2 seconds! Since all data is on google servers… you have unlimited rows in a free Glide App… also no updates will be counted, the whole App is made on the USC columns! 😀

You can play with it… add events… is hooked to my Testing Google Account… so no damage will be done LOL

> **[Google Calendar](https://google-calendar-demo.glideapp.io/)**
>
> Sync Google Calendar with Glide, and turn into inline list. Unlimited rows and updates. Fast sync... under 2 sec.

The calendar can be scaled down, and work as a Date or Event Picker in a pop-up window… replacing outdated Glide calendar 😉

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [December 20, 2022, 2:21am UTC](https://community.glideapps.com/t/google-calendar-for-glide-plus-event-picker/55902/2 "2022-12-20T02:21:40Z")

</div>

Pretty. This is probably your best template to date.

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [December 20, 2022, 2:24am UTC](https://community.glideapps.com/t/google-calendar-for-glide-plus-event-picker/55902/3 "2022-12-20T02:24:29Z")

</div>

thank you!!! but i have better ones LOL

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [December 20, 2022, 2:24am UTC](https://community.glideapps.com/t/google-calendar-for-glide-plus-event-picker/55902/4 "2022-12-20T02:24:55Z")

</div>

In terms of simplicity and minimalist design, I like this one best.

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [December 20, 2022, 2:25am UTC](https://community.glideapps.com/t/google-calendar-for-glide-plus-event-picker/55902/5 "2022-12-20T02:25:30Z")

</div>

how about my Scheduling calendar?

> **[Schedule Paid Appointment](https://schedule-appointment.glideapp.io/)**
>
> Schedule paid appointments, for Google Meet, get calendar reminders, block booked dates and time slots, auto adjust duration to the booked time slots, custom stripe checkout

too much?

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [December 20, 2022, 2:42am UTC](https://community.glideapps.com/t/google-calendar-for-glide-plus-event-picker/55902/6 "2022-12-20T02:42:06Z")

</div>

@Robert_Petitto if Glide could give us a time delay… and wait until the condition… between custom actions… I can make really incredible Apps.

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [December 22, 2022, 4:15pm UTC](https://community.glideapps.com/t/google-calendar-for-glide-plus-event-picker/55902/7 "2022-12-22T16:15:01Z")

</div>

Now the pop-up version lol…

 ![popup calendar](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/b/d/bdb845862682f32453c59db81fa5adc62b2dad0d.jpeg)

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [December 22, 2022, 4:33pm UTC](https://community.glideapps.com/t/google-calendar-for-glide-plus-event-picker/55902/8 "2022-12-22T16:33:44Z")

</div>

Nice.

---

<div class="post-metadata">

**Author:** ![biha](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/biha/32/84110_2.png) [@biha](https://community.glideapps.com/u/biha)\
**Post date:** [January 30, 2023, 1:48am UTC](https://community.glideapps.com/t/google-calendar-for-glide-plus-event-picker/55902/9 "2023-01-30T01:48:46Z")

</div>

How to create like this ?

I have something like this (Figure 1 ),

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/9/1/916e501bf9f346d1e77791e92d10686f3fd54a20.jpeg)

The leave for each employee. Each employee, have to fill up “Start date” and “End date” for the leave. But the calendar component, show the list only based on Start Date Or End Date.

It is possible have something like Calendar View like @Uzo 's one, and when choose date, its showing the list who is on leave on that day.

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [January 30, 2023, 2:02am UTC](https://community.glideapps.com/t/google-calendar-for-glide-plus-event-picker/55902/10 "2023-01-30T02:02:58Z")

</div>

it is possible but it is a lot of work! 😉

---

<div class="post-metadata">

**Author:** ![biha](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/biha/32/84110_2.png) [@biha](https://community.glideapps.com/u/biha)\
**Post date:** [January 30, 2023, 2:04am UTC](https://community.glideapps.com/t/google-calendar-for-glide-plus-event-picker/55902/11 "2023-01-30T02:04:27Z")

</div>

i see, okay thanks @Uzo , but this kind of Calendar View is common usage in apps right…

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [January 30, 2023, 2:05am UTC](https://community.glideapps.com/t/google-calendar-for-glide-plus-event-picker/55902/12 "2023-01-30T02:05:47Z")

</div>

what do you mean? Apps and Pages do not have like that… I made it totally in HTML, CSS and fetch JSON

---

<div class="post-metadata">

**Author:** ![biha](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/biha/32/84110_2.png) [@biha](https://community.glideapps.com/u/biha)\
**Post date:** [January 30, 2023, 2:07am UTC](https://community.glideapps.com/t/google-calendar-for-glide-plus-event-picker/55902/13 "2023-01-30T02:07:48Z")

</div>

I mean, I think most of Apps need this kind of Calendar View, why glide don’t have this feature and need lots of work in order to do that?

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [January 30, 2023, 2:09am UTC](https://community.glideapps.com/t/google-calendar-for-glide-plus-event-picker/55902/14 "2023-01-30T02:09:06Z")

</div>

it is very complicated to do, I don’t think Glide has time to make a calendar like that, maybe in the feature…

---

<div class="post-metadata">

**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\
**Post date:** [January 30, 2023, 2:23am UTC](https://community.glideapps.com/t/google-calendar-for-glide-plus-event-picker/55902/15 "2023-01-30T02:23:40Z")

</div>

Have you tried the calendar component in Pages? I think it will do exactly what you want. Events with different start and end dates will show up on each day in between.

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/e/2/e23189016ea432bb60f9d6744ad32a7a69b1bd0e.png)

---

<div class="post-metadata">

**Author:** ![biha](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/biha/32/84110_2.png) [@biha](https://community.glideapps.com/u/biha)\
**Post date:** [January 30, 2023, 2:42am UTC](https://community.glideapps.com/t/google-calendar-for-glide-plus-event-picker/55902/16 "2023-01-30T02:42:44Z")

</div>

no because i’m using GlideApps.

---

<div class="post-metadata">

**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\
**Post date:** [January 30, 2023, 3:00am UTC](https://community.glideapps.com/t/google-calendar-for-glide-plus-event-picker/55902/17 "2023-01-30T03:00:17Z")

</div>

Well, Pages would be worth considering, since that is the direction Glide is headed going forward. Glide will actively be adding new features to Pages, while Apps will pretty much stay the same. If you want to use the calendar component, then you’ll have to convert to Pages. Otherwise, you’ll have to find a way to build it yourself in Apps.

---

<div class="post-metadata">

**Author:** ![biha](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/biha/32/84110_2.png) [@biha](https://community.glideapps.com/u/biha)\
**Post date:** [January 30, 2023, 3:02am UTC](https://community.glideapps.com/t/google-calendar-for-glide-plus-event-picker/55902/18 "2023-01-30T03:02:24Z")

</div>

Thanks @Jeff_Hager !

---

<div class="post-metadata">

**Author:** ![IlseB](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/ilseb/32/44063_2.png) [@IlseB](https://community.glideapps.com/u/IlseB)\
**Post date:** [September 28, 2023, 11:51am UTC](https://community.glideapps.com/t/google-calendar-for-glide-plus-event-picker/55902/19 "2023-09-28T11:51:26Z")

</div>

Can you please explain to me the basics of how I will be able to through the google calendar integration, be able to:

- allow user A to manage events on his google account provided by his company
- allow user B to manage events on her google account provided by his company
- and the other 20 users

I noticed we have a calendar ID field which i would assume would need to represent the individual users calendar? Can i further assume that when User A is logged in he will only see events linked to his google calendar?

From a google perspective, can i link the individuals google accounts or will i need to create individual calendars for each user - im not sure what this setup will look like?

any assistance will help thanks

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [September 28, 2023, 5:31pm UTC](https://community.glideapps.com/t/google-calendar-for-glide-plus-event-picker/55902/20 "2023-09-28T17:31:32Z")

</div>

> [@IlseB](#):
>
> I noticed we have a calendar ID field which i would assume would need to represent the individual users calendar?

The Google Calendar integration allows users to add events to a single, generic calendar as defined by the app builder. So, if a user wants to add an event to their own calendar, the integration would add the event to the “app calendar” and then invite the user to the event. The user would not be the owner of the event.

I have a video on this thread:

> [@sparkles Glide Integrations (Radar, Pexels, Google Calendar, Gmail/Outlook, Twilio)](https://community.glideapps.com/t/glide-integrations-radar-pexels-google-calendar-gmail-outlook-twilio/59315/33):
>
> Google Calendar! [[Glide Integrations: Add Events to Google Calendar] ](https://www.youtube.com/watch?v=saPtZEyp-pk)
