.calendarBox-interactive,
.calendarBox {
    display: flex;
    width: 100%;
    height: 100%;
    transform-origin: top left;
    overflow: auto;
    > div {
        pointer-events: none;
        width: 100%;
        height: 100%;
        .fc-timegrid-body {
            width: 100% !important;
            table {
                width: 100% !important;
            }
        }
        .fc-col-header {
            width: 100% !important;
        }
        .fc-daygrid-body {
            width: 100% !important;
            .fc-scrollgrid-sync-table {
                width: 100% !important;
            }
        }
    }
}
.calendarBox-interactive {
    > div {
        pointer-events: unset;
    }
}