.wrap.flex
.base.flex.flex-col.gap-y-6
.flex.flex-col.gap-y-6
span.font-bold Общая информация
.flex.flex-col(class="gap-y-1.5")
.counter.font-semibold.text-smm Категория
base-custom-select.select.text-sm(
placeholder="Категория договора",
v-model="category",
:items="categories",
)
.flex.gap-x-4
.flex.flex-col.w-full(class="gap-y-1.5")
.counter.font-semibold.text-smm Дата подписания
.input-date.flex.h-10.justify-center
base-input-date(
:width-input="200",
v-model:value="signedDate"
)
.flex.flex-col(class="gap-y-1.5")
.counter.font-semibold.text-smm Начало оказания услуг
.input-date.flex.h-10.justify-center
base-input-date(
:width-input="200",
v-model:value="startDate"
)
.flex.flex-col(class="gap-y-1.5")
.counter.font-semibold.text-smm Окончание оказания услуг
.input-date.flex.h-10.justify-center
base-input-date(
:width-input="200",
v-model:value="endDate"
)