Time DurationCommunity Asset

<script setup lang="ts">
const value = ref<string>()
</script>

<template>
  <TimeDuration v-model="value" label="Duration" />
</template>

<script setup lang="ts">
const value = ref<string>()
</script>

<template>
  <TimeDuration v-model="value" label="Duration" :interval="15" />
</template>

<script setup lang="ts">
const value = ref<string>()
</script>

<template>
  <TimeDuration
    v-model="value"
    label="Duration"
    :min-duration="60"
    :max-duration="490"
  />
</template>

<script setup lang="ts">
const value = ref<string>()
</script>

<template>
  <TimeDuration
    v-model="value"
    label="Duration"
    :error="value ? undefined : 'This field is required'"
  />
</template>