Timepicker voor Nuxt UI V3Timepicker for Nuxt UI V3

nuxt-ui-timepicker: een moderne timepicker voor Nuxt UI V3nuxt-ui-timepicker: a modern timepicker for Nuxt UI V3

Tijdens het ontwikkelen van een Nuxt-project met de Nuxt UI componentenbibliotheek, merkte ik dat er één essentiële component ontbrak: een tijdkiezer. Omdat ik iets nodig had dat visueel én technisch naadloos integreerde in het bestaande systeem, besloot ik de component zelf te ontwerpen en open source aan te bieden. Zo ontstond nuxt-ui-timepicker — een moderne, modulaire timepicker gebouwd van nul af aan met Nuxt, Nuxt UI, en culori voor kleurbeheer.While building a project using the Nuxt UI component library, I noticed something was missing: a proper time picker. I needed a component that would integrate seamlessly into the Nuxt UI ecosystem, both visually and technically. So I built nuxt-ui-timepicker — a modern, modular time picker designed from scratch using Nuxt, Nuxt UI, and culori for color management.

Waarom deze module?Why this module?

De motivatie was eenvoudig: ik wilde een timepicker die perfect past binnen het ontwerp van Nuxt UI, licht en elegant is, goed werkt met v-model, en gemakkelijk aan te passen is qua thema (dankzij Culori). Bestaande oplossingen voelden vaak als een mismatch binnen de Nuxt UI-stijl of vereisten te veel extra configuratie. Daarom heb ik gekozen voor een native Nuxt-aanpak.I created it because: there was no native time picker in Nuxt UI, existing options didn’t match the design philosophy, and I wanted full control over theming and behavior. This component is built the 'Nuxt way': composable, performant, and easy to extend.

TimePicker

Belangrijkste featuresKey features

• ✅ Volledig geïntegreerd met Nuxt UI✅ Fully integrated with Nuxt UI
• 🧩 Werkt out-of-the-box met v-model🧩 v-model ready
• 🌈 Thema-aanpasbaar met culori🌈 Themeable with culori
• ⚙️ Gebouwd met Nuxt UI en Vue 3 Composition API⚙️ Built with Vue 3 Composition API and Nuxt UI
• 📱 Responsief ontwerp, geoptimaliseerd voor mobiel en desktop📱 Responsive: works great on mobile and desktop
• 🇧🇪 Ontworpen in Oostende 😉🇧🇪 Crafted in Ostend 😉

TimePicker met ClockDial.vue

Github repoGithub repo

• Een elegante timepicker voor Nuxt 3-apps, gebouwd met Nuxt UI en Culori.A beautiful time picker for Nuxt 3 apps using Nuxt UI and Culori.
• 👉 https://github.com/paul908/nuxt-ui-timepicker

Paul Becue

Manager BQ Systems