wt-time-input.vue

Specs

Props

Name	Required	Types	Default	Description	Example	Deprecated
label		string	''	Form input label
name		string	''	Input id name for label association
maxValue		number	undefined	Time type: day, minute, second
minValue		number	0	Minimum selectable value
required		boolean	false	Native input required attribute
disabled		boolean	false	Native input disabled attribute
labelProps		Record	() => ({})	Object with props, passed down to wt-label as props
hideInputInfo		boolean	false	Hides input info section
v		VuelidateFieldLike	null	Vuelidate validation object
regleValidation		SuperCompatibleRegleFieldStatus	-	Regle validation object
customValidators		Array	() => []	Custom validators for vuelidate

Example Hour Time Input

hour

Code

<script setup>
import { ref } from 'vue';

const value = ref(14);
</script>

<template>
  <wt-time-input
    v-model:model-value="value"
    label="hour"
    :max-value="23"
  />
</template>

<style scoped lang="scss"></style>

Example Min Time Input

min

Code

<script setup>
import { ref } from 'vue';

const value = ref(25);
</script>

<template>
  <wt-time-input
    v-model:model-value="value"
    label="min"
    :max-value="59"
  />
</template>

<style scoped lang="scss"></style>