design-infraReport a problem or share feedback← Catalog
Duration Picker
freesmoothui/duration-picker
A DurationPicker component for SmoothUI.
$
npx shadcn@latest add @smoothui/duration-pickernpm deps: motion
- Source
- SmoothUI
- Kind
- component
- Categories
- misc
- Use as
- drop-in — replaces your component
- Applies to
- misc
- Motion
- on cursor, drag · medium · motion · medium cost · respects reduced motion
- Tags
- spring, complexity-medium
- Licence
- MIT ("MIT License — Copyright (c) 2024 Eduardo Calvo", github.com/educlopez/smoothui).
- Live demo
- smoothui.dev
- Docs
- smoothui.dev
Similar
Compare all 4 →- Arc Pickerbeui/arc-pickerRadial text picker with top, bottom, left or right curves, smooth wheel movement and live selection on each scroll step. One persistent bracket frame grows and squeezes around each label. Supports drag momentum, keyboard input, disabled choices, controlled or uncontrolled values, forms and reduced motion.
- Bottom Sheetbeui/bottom-sheetVaul-inspired draggable bottom sheet with snap points, inertia and glass surface.
- Wheel Pickerbeui/wheel-pickeriOS-style picker wheel: a 3D drum on native momentum scroll that snaps to the nearest notch, with wheel, drag and keyboard control. Composes side by side for date and time pickers, reduced-motion safe.