JSFiddle - React, Tailwind, and code Playground

by James Barner

HTML

<iframe style="border: 0;" src="https://www.google.com/calendar/embed?src=bates.edu_3qbiatte4c01h530sm60v6sap0%40group.calendar.google.com&amp;ctz=America/New_York" width="100%" height="500" frameborder="0" scrolling="no"></iframe>

CSS

/* Copyright 2018 Google Inc. All Rights Reserved. */

.rm-remove {
  background: url(//calendar.google.com/googlecalendar/images/combined_v22.png) -199px -52px;
  cursor: pointer;
  height: 10px;
  width: 10px;
  line-height: 10px
}

.dp-popup {
  position: absolute;
  border: 1px solid black;
  background: #e3e9ff;
  font-size: 9pt;
  line-height: 1em;
  width: 170px;
  z-index: 25000003
}

.dp-dayh {
  font-size: 78%
}

.dp-monthtable {
  width: 100%;
  padding: 0;
  -webkit-user-select: none
}

.dp-cell {
  text-align: center;
  padding: 3px 2px;
  font-family: Arial, sans-serif;
  font-size: 12px;
  color: #881124;
  font-weight: normal
}

.dp-heading {
  cursor: pointer;
  font-weight: bold;
  vertical-align: middle
}

.dp-cur {
  font-weight: bold;
  padding-bottom: 4px;
  text-align: center;
  white-space: nowrap;
  font-size: 100%;
  color: #20c
}

.dp-prev,
.dp-next {
  font-size: 100%;
  padding-bottom: 6px;
  cursor: pointer;
  color: #20c
}

.dp-prev {
  text-align: right
}

.dp-next {
  text-align: left
}

.dp-sb-cur {
  color: #20c;
  cursor: pointer;
  font-size: 13px;
  font-weight: bold;
  padding: 7px 0;
  text-align: left;
  text-decoration: underline;
  -moz-user-select: none;
  -webkit-user-select: none
}

.dp-sb-nav {
  padding: 7px 0;
  text-align: right;
  white-space: nowrap
}

.dp-sb-prev,
.dp-sb-next {
  background: url(//calendar.google.com/googlecalendar/images/combined_v22.png) -243px -35px no-repeat;
  cursor: pointer;
  height: 12px;
  padding: 0;
  width: 15px
}

.dp-sb-next,
.rtl .dp-sb-prev {
  background-position: -258px -35px;
  margin-left: 3px
}

.rtl .dp-sb-next {
  background-position: -243px -35px
}

.dp-weekday {
  background: #fff
}

.dp-weekday-selected {
  color: #222;
  background: #e3e9ff
}

.dp-weekend,
.dp-weekendh {
  background: #fff
}

.dp-weekend-selected {
  color: #222;
  background: #e3e9ff
}

.dp-with-events {
  font-weight: bold!important
}

.dp-offmonth {
  color: #999
}

.dp-offmonth-selected {
 ...