EWW GTK3 Calendar.

eww.scss

* { all: unset; }

tooltip {
  font-size: 2em;
  background-color: #7BB0DF;
  color: #24292E;
}

calendar {
  background: #0C0F12;
  font-size: 2em;
  padding: 2px 5px;

  &.view {
    background-color: #0C0F12;
  }

  &.button {
    background: #101317;
    border-radius: 50%;
    color: #3D464E;

    &:hover {
      color: #71C0BA;
    }

    &:disabled {
      color: #12161B;
    }
  }

  &.header {
    background-color: #101317;
    border-radius: 0 0 0.3em 0.3em;
  }

  &.highlight {
    color: #3D464E;
  }

  &:selected {
    color: #3D464E;
    background: #7BB0DF;
    border-radius: 0.2em;
  }

  &:indeterminate {
    color: #24292E;
  }
}

eww.yuck

(defwindow window
  :windowtype "normal"
  :wm-ignore true
  :geometry (geometry :anchor "bottom right" :x -50 :y -50 :width "20%" :height "25%")
  (calendar :tooltip "${date.d}-${date.m}-${date.y}" :day {date.d} :month {date.m} :year {date.y}))

(defpoll date :interval "100s" :initial `{"d":"1","m":"1","y":"0"}`
  `date '+{"d":"%d","m":"%m","y":"%Y"}'`)