search

oma-wc / oma

a framework independent web components library
Other
2 stars 0 forks source link

New oma-google-calendar component #39

Closed andershansander closed 2 years ago

andershansander commented 2 years ago

New oma-google-calendar component that is used and styled like this:

<style>
  oma-google-calendar::part(calendar) {
    display: grid;
    column-gap: 12px;
    row-gap: 12px;
    grid-template-columns: repeat(5, 1fr);
  }

  oma-google-calendar::part(event) {
    border: 1px solid royalblue;
    height: 100px;
    padding: 12px;
  }
</style>
<h1>Google Calendar component</h1>
<oma-google-calendar
  api-key="RESTRICTED_BUT_PUBLIC_API_KEY"
  calendar-id="sv.swedish#holiday@group.v.calendar.google.com"
  time-min="2022-05-18T13:40:54.144Z"
  time-max="2022-06-17T13:40:54.144Z"
></oma-google-calendar>