JSFiddle - React, Tailwind, and code Playground

by TJ VanToll

HTML

<link rel="stylesheet" href="http://code.jquery.com/ui/jquery-ui-git.css">
<script src="http://code.jquery.com/ui/jquery-ui-git.js"></script>
<input id="datepicker" value="01/01/2014">
<div id="slider"></div>
<input id="spinner" value="5" min="0" max="10">

CSS

body { padding: 20px; }

JavaScript

$( "#datepicker" ).datepicker({
    onSelect: function() {
        alert( "datepicker select" );
    }
}).datepicker( "option", "minDate", "01/01/2015" );

$( "#slider" ).slider({
    min: 0,
    max: 10,
    value: 5,
    change: function() {
        alert( "slider change" );
    }
}).slider( "option", "min", 7 );

$( "#spinner" ).spinner({
    change: function() {
        alert( "spinner change" );
    }
}).spinner( "option", "min", 7 );