.header.flex
.flex.items-center.justify-between.py-3.pl-5.pr-6.h-14.w-full
.flex.gap-x-4.items-center
.flex.gap-x-2
q-btn.w-8.h-8(
@click="previousHandler",
style="background: var(--bg-grey-color); color: var(--font-dark-blue-color)",
round,
size="14px",
dense
)
q-icon(name="arrow_back_ios", right)
q-btn.w-8.h-8(
@click="nextHandler",
style="background: var(--bg-grey-color); color: var(--font-dark-blue-color)",
icon="arrow_forward_ios",
round,
size="14px",
dense
)
.flex(:style="{width: '180px'}")
base-input.relative(
:placeholder="dateString",
size="M",
:width="180"
)
q-icon(
size="20px",
name="app:calendar",
class="cursor-pointer",
style="color: var(--font-dark-blue-color)"
)
.toogle.flex
q-btn(
label="Время",
size="12px",
class="button"
:text-color="showTime ? 'white' : null",
:style="{background: showTime ? 'var(--bg-aqua-blue)' : null}",
@click="changeShowTime"
)
q-btn(
label="Статус",
size="12px",
class="button",
:text-color="showTime ? null : 'white'",
:style="{background: showTime ? null : 'var(--bg-aqua-blue)'}",
@click="changeShowStatus"
)