[WIP] Заменил инпуты и радио инпуты

This commit is contained in:
megavrilinvv
2023-01-18 18:09:36 +03:00
parent b2a4d8313d
commit b410628858
7 changed files with 65 additions and 97 deletions

View File

@@ -1,61 +0,0 @@
<template lang="pug">
.flex.flex-col.gap-y-2
.label(v-if="!!label") {{label}}
q-input(
v-model="value",
type="date",
outlined,
dense
)
</template>
<script>
//TODO стили перенести для всего кита, избавиться от scoped
//TODO покрыть тестами
//TODO сделать серый цвет плейсхолдера
//TODO обработать ошибку при стирании даты
export default {
name: "BaseInputDate",
props: {
modelValue: Date,
label: String,
},
emits: ["update:modelValue"],
computed: {
value: {
get() {
return this.modelValue?.toISOString().split("T")[0];
},
set(value) {
this.$emit("update:modelValue", value ? new Date(value) : null);
},
},
},
};
</script>
<style lang="sass" scoped>
.field
height: 40px
display: flex
align-items: center
border: 1.5px solid var(--border-light-grey-color)
border-radius: 4px
padding: 8px 16px
input
width: 100%
cursor: text
border: none
outline: none
background: url("../../assets/icons/calendar-input.svg") no-repeat 100% 50%
&::-webkit-calendar-picker-indicator
opacity: 0
cursor: pointer
.label
font-weight: 600
font-size: 14px
line-height: 16px
opacity: 0.4
.placeholder-color
color: var(--font-grey-color)
</style>