How can I embed a Google calendar with Material Design?

by isherwood   Last Updated February 15, 2018 23:03 PM

Given a typical iframe embed, how can one enable Material Design display styling and behavior as would be seen in the personal Google Calendar app?

<iframe src="https://calendar.google.com/calendar/embed?src=ki6fjf5j1ocfavod017v6q43077gt2vu%40import.calendar.google.com&ctz=America%2FChicago" style="border: 0" width="800" height="600" frameborder="0" scrolling="no"></iframe>

This results in the very old styling, as seen here.

enter image description here

This is much preferrable:

enter image description here



Related Questions


How to Facebook detects iframe and can I bypass it?

Updated January 09, 2017 08:01 AM

Using web frames within email

Updated October 15, 2017 19:03 PM

game audio not playing inside an iFrame

Updated November 15, 2017 15:03 PM