Wheel Picker Component

I'll create a selector that resembles a roulette wheel where you can change options by scrolling or using up/down arrow buttons.

How It Works

This wheel picker component resembles a roulette wheel or slot machine selector with the following features:

1. Visual Design:

   • Shows multiple options with the selected one highlighted in the center
   • Gradient fading at the top and bottom for a 3D wheel effect
   • Highlighted selection area in the middle

2. Navigation Methods:

   • Up/down arrow buttons to change selection
   • Mouse wheel scrolling support
   • Smooth animations between selections

3. Functionality:

   • Circular navigation (loops back to the beginning/end)
   • Customizable options list (works with strings or numbers)
   • Callback function when selection changes

The demo shows two examples:

• A number selector (1-20)
• A month selector in Spanish

You can easily customize this component by changing the options array and styling to match your design needs.