JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="http://demo.mobiscroll.com/Content/css/mobiscroll-2.0.full.min.css">
<script src="http://demo.mobiscroll.com/Content/js/mobiscroll-2.0.full.min.js"></script>
<input id="select" style="display: none;"/>
JavaScript
$(function(){
$('#select').scroller({
theme: 'default',
display: 'inline',
mode: 'scroller',
wheels:
[{
'Time': { night: 'Night', day: 'Day' },
},
{
'Place': { bar: 'Bar', club: 'Club', store: 'Store', cafe: 'Cafe' },
},
{
'Size': { 1: '1', 2: '2', 3: '3' },
}],
onChange: function(valueText, inst) {
scrollerVals = inst.temp;
}
}).scroller('setValue', ['night', 'club', '1'],true,.2);;
});