Rendering a URL of Google Calendar

🎈 Using Streamlit
1

Hi!

I’m doing an app connecting with Google Calendars API:

I’m trying to visualize the calendar inside the app, but I’m just able to show one calendar per time with:

components.iframe(
    f"https://calendar.google.com/calendar/embed?src={input_calendar_id_number}&ctz=Europe%2FMadrid",
    width=1200, height=800, scrolling=True)

c
c1199×725 128 KB

When I try to customize the calendar, so more than 1 calendar (layer) can be shown at the same time, the data doesn’t appear in Streamlit:

b
b1071×604 52.3 KB

Should be:

a
a1173×813 101 KB

Link for embedding calendar with different layers or calendars:
https://support.google.com/calendar/thread/65299874?hl=en

All help and comments are welcome. Thanks mates!