.flex.flex-col.gap-y-5
.flex.justify-center.pl-8.pr-20.font-bold.text-xl Планировщик смен
transition(name="form")
form-change-shift(
v-if="showForm",
:close-form="closeForm",
:times-shift="timesShift"
)
.flex
.calendar-header-wrapper.flex.items-center.justify-between.py-3.pl-5.pr-6
.flex
base-button.left-arrow.mr-4(
@click="previousHandler",
left-icon="icon-down-arrow",
rounded,
secondary,
:iconLeftSize="16",
:size="32"
)
base-button.right-arrow.mr-6(
@click="nextHandler",
left-icon="icon-down-arrow",
rounded,
secondary,
:iconLeftSize="16",
:size="32"
)
.text.flex.items-center
.text.font-medium.text-base {{ dateString }}
.opacity-50.font-bold.text-xxs.ml-2(v-if="isCurrentMonth") Текущий
base-button.font-semibold(:size="40", @click="openForm") Замена смен