.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
q-btn.mr-4(
text-color="primary",
color="secondary"
round,
size="14px",
dense,
@click="previousHandler",
)
q-icon(name="arrow_back_ios", right)
q-btn.mr-6(
@click="nextHandler",
text-color="primary",
color="secondary"
icon="arrow_forward_ios",
round,
size="14px",
dense,
)
.text.flex.items-center
.text.font-medium.text-base {{ dateString }}
.opacity-50.font-bold.text-xxs.ml-2(v-if="isCurrentMonth") Текущий
.flex.gap-x-4.h-10
q-btn(
:label="textButton",
color="primary",
no-caps,
padding="8px 24px",
@click="changeShowTime",
)
q-btn(
label="Замена смен",
color="primary",
no-caps,
padding="8px 24px",
@click="openForm",
)