JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://demo.mobiscroll.com/Content/css/mobiscroll-2.0.3.full.min.css">
<script src="http://demo.mobiscroll.com/Content/js/mobiscroll-2.0.3.full.min.js"></script>
<input id="hei"/>

JavaScript

$(function(){
    var hei=[ { 'Feet': { 1: '1', 2: '2', 3: '3', 4: '4', 5: '5', 6: '6', 7: '7', 8: '8', 9: '9' }, 'Inches': { 1: '1', 2: '2', 3: '3', 4: '4', 5: '5', 6: '6', 7: '7', 8: '8', 9: '9' , 10: '10', 11: '11', 12: '12' } } ]
$('#hei').scroller({
        theme: 'default',
        display: 'mixed',
        mode: 'scroller',
        wheels: hei,
        height: 40,
        formatResult: function(data){
            return data[0] + "." + data[1];            
        },
        parseValue: function(valueText)  {
            if (valueText != "") {        
                return valueText.split(".");
            } else{
                return [1,1];
            }
        }    
    });
});