JSFiddle - React, Tailwind, and code Playground

HTML

<button id="reset">Reset</button>

<div class="yui3-skin-sam">
    <div id="dial"></div>
    <div id="slider"></div>
</div>

JavaScript

YUI().use('dial', 'slider', function(Y) {
    var dial, slider;
    
    dial = new Y.Dial().render('#dial');
    slider = new Y.Slider().render('#slider');
    
    Y.one('#reset').on('click', function(event) {
        dial.reset();
        slider.reset();
    });
});