Playground

Try the options together. Press ↑/↓ to step, Alt+↓ for presets, Enter to submit.

valueFormat minutessecondsmsisoprecision minutesecondvalidateOn eagerblurinputlocale endedisplayStyle shortlongsize smmdlgvariant outlinesoftghost preview clamp snapToStep required

• 15min
• 30min
• 45min
• 1h
• 1h 30min
• 2h
• Half a day (4h)

v-model: null

max is set to one week.

A version with PrimeVue, Vuetify and shadcn-vue lives in the repository: run npm run dev.