Time picker

Default

Use Time Picker for arbitrary time input with hour/minute/second spinners.

This component requires the <client-only> </client-only> wrap when used in SSR (eg: Nuxt) and SSG (eg: VitePress).

Code copied

<template>
  <div class="center">
    <s-time-picker
      v-model="value"
      label="Reminder time"
      label-float
      color="warn"
      placeholder="Select time"
    />
  </div>
</template>

<script setup lang="ts">
import { ref } from 'vue'

const value = ref('')
</script>

API