JSFiddle - React, Tailwind, and code Playground

HTML

<div class="calendarWidget" onclick="alert('test');">
  <span>
            <object  onclick="alert('test1');" data="https://www.multiservicetolls.com/wp-content/uploads/revslider/assets/svg/busy-icons-svg/folder-private.svg" type="image/svg+xml"></object>
        </span>
</div>

CSS

.calendarWidget {
  position: fixed;
  max-width: 200px;
  width: 200px;
  right: 20px;
  bottom: 20px;
  background-color:green;
  z-index: 1;
}