JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ionden.com/a/plugins/ion.rangeSlider/static/js/moment-with-locales.min.js"></script>
<link rel="stylesheet" href="http://ionden.com/a/plugins/ion.rangeSlider/static/css/ion.rangeSlider.css">
<script src="http://ionden.com/a/plugins/ion.rangeSlider/static/js/ion-rangeSlider/ion.rangeSlider.js"></script>
<link rel="stylesheet" href="http://ionden.com/a/plugins/ion.rangeSlider/static/css/ion.rangeSlider.skinFlat.css">
<input type="text" id="example_id" name="example_name" value="" />

JavaScript

/* $("#example_id").ionRangeSlider({
    min: 10,
    max: 360,
    step: 10,
    grid: true,
    grid_num: 1,
    postfix: ' mn'
}); */

$("#example_id").ionRangeSlider({
    min: 10,
    max: 360,
    step: 10,
    grid: true,
    grid_num: 1,
    //postfix: ' mn',
    prettify: function(value){
        if(value < 60){
            return value + ' mn';
        }else{
            return Math.round(value / 60) + ' h';
        }
   }
});