Most React apps still use the same old date picker. It works… but it feels clunky, especially on mobile.
There’s a much better way: an iOS-style Wheel Picker.
It scrolls smoothly, has that natural inertia feel, supports infinite looping, and just looks more polished. Users actually enjoy interacting with it. 😊
One of the best libraries for this right now is @ncdai/react-wheel-picker.
It’s:
- Lightweight and unstyled (so you can fully customize it)
- Smooth on both touch and desktop
- Supports keyboard navigation
- Easy to install with shadcn if you’re using it
Live demo: https://react-wheel-picker.chanhdai.com
npm: https://www.npmjs.com/package/@ncdai/react-wheel-picker
GitHub: https://github.com/ncdai/react-wheel-picker
Install it with:
npm install @ncdai/react-wheel-picker
If you’re building forms, filters, or any kind of selection UI, give this a try. It’s one of those small upgrades that makes your product feel noticeably better.
Have you switched to wheel pickers yet? Curious to hear your experience.
This article was originally published by DEV Community and written by Joodi.
Read original article on DEV Community