.wrapper.flex.w-full.relative.mx-2
transition(name="schedule", mode="out-in")
.flex.justify-center.items-center.w-full(v-if="schedulesDataPresence")
base-loader(
:width="60",
:height="60"
)
.relative.flex.flex-col.px-6.py-6.h-full.w-full.gap-y-5(v-else)
schedule-header(
:start-month="startMonth",
:change-show-time="changeShowTime",
:show-time="showTime",
@switch-previous-month="switchPreviousMonth",
@switch-next-month="switchNextMonth"
)
schedule-table(
:schedules-employee="fetchSchedulesEmployee",
:schedule-list="scheduleList",
:serialized="serialized",
:buttons="buttons",
:start-month="startMonth",
:employees="employees",
:show-time="showTime",
:clear-select="clearSelect",
:select-employee="selectEmployee",
:replacement-sheet="replacementSheet",
:template="template",
:trim-owner-name="trimOwnerName",
:open-form="openForm",
:active-cell="activeCell",
:set-active-cell="setActiveCell",
:change-shift="postUpdateSchedule",
@schedule-employee="createScheduleEmployee",
@schedules="distributeRequest"
)
schedule-bar(
:buttons="buttons",
:times="times",
:create-schedules="postCreateSchedules",
:delete-schedule="deleteSchedule",
:template="template"
)