.schedule.flex-1.flex.flex-col.relative(
:style="{width: openSidebar ? 'calc(100vw - 320px)' : 'calc(100vw - 160px)'}"
)
calendar-header.w-full.mb-1(v-model="displayType")
.schedule-body.h-full.bg-white.w-full
.column-wrapper.flex.ml-20(:style="expandedDisplayType ? columnWrapperWidth : {}")
calendar-column(
v-for="date in dateRange",
:key="date",
:date="date",
:style="columnSize",
:expanded-display-type="expandedDisplayType"
)
.flex.relative(
:style="expandedDisplayType ? backgroundWrapperWidth : {}",
:class="{'border-bottom': expandedDisplayType}"
)
.time-coil-wrapper.left-0.-mt-12
calendar-clock-column(:time-coil="timeCoil")
calendar-background.flex-1
.w-full.h-3.bg-white.footer(v-if="expandedDisplayType")