DrumJS is a jQuery animated date picker and values selector, styled as similar to iOS 7 UI.
jQuery animated date picker – DrumJS
This jQuery plugin allows us to replace a simple native HTML select with 3D cylinder as an alternate selector.
It allows to select a value by rotating the cylinder vertically with the mouse, or with touch gestures on mobile. The effect is similar to the iOS datepicker.
DrumJS appends a new DOM element to the HTML select element, which provides all the stuff for the 3D projection of a vertical roller, called the drum. The drum consists of a fixed amount of panels where each represends the content of one option from the HTML select element.
The highlighted item is the currently selected option of the HTML select element.