JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://refreshless.com/nouislider/source/jquery.nouislider.css">
<script src="http://refreshless.com/nouislider/source/jquery.nouislider.js"></script>
<div id="slider"></div>

CSS

#slider {
    margin: 50px;
}

JavaScript

$("#slider").noUiSlider({
	 range: [2000, 2030]
	,start: [2013, 2020]
    ,margin: 5
	,serialization: {
        to: [function( val ){
                $(this).find('.noUi-handle-lower').text( val );
            },
            function( val ){
                $(this).find('.noUi-handle-upper').text( val );
            }]
		,resolution: 1
	}
});