vbatts/homebox
1
0
Fork 0
forked from mirrors/homebox
Code Pull requests Activity

implement date picker

Browse source
This commit is contained in:
Hayden 2022-09-06 21:58:59 -08:00
parent 863adbd106
commit ad2bcd84f3
5 changed files with 311 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

14
frontend/components/Form/TextField.vue
View file

@ -1,10 +1,16 @@
<template>
<div class="form-control w-full">
<div v-if="!inline" class="form-control w-full">
<label class="label">
<span class="label-text">{{ label }}</span>
</label>
<input ref="input" :type="type" v-model="value" class="input input-bordered w-full" />
</div>
<div v-else class="sm:grid sm:grid-cols-4 sm:items-start sm:gap-4">
<label class="label">
<span class="label-text">{{ label }}</span>
</label>
<input class="input input-bordered col-span-3 w-full mt-2" v-model="value" />
</div>
</template>
<script lang="ts" setup>
@ -14,7 +20,7 @@
default: '',
},
modelValue: {
type: String,
type: [String, Number],
default: null,
},
type: {
@ -25,6 +31,10 @@
type: Boolean,
default: null,
},
inline: {
type: Boolean,
default: false,
},
});
const input = ref<HTMLElement | null>(null);