JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://hemantnegi.github.io/jquery.sumoselect/javascripts/jquery.sumoselect.min.js"></script>
<link rel="stylesheet" href="http://hemantnegi.github.io/jquery.sumoselect/stylesheets/sumoselect.css">
<select name="is_dist_handled"  multiple="multiple" placeholder="Select"  class="SlectBox">
                <option value="Y">Yes</option>
                <option value="N">No</option>
</select>

<button>Clear</button>

JavaScript

$('.SlectBox').SumoSelect({  okCancelInMulti: true });

$('button').on('click', function(){
    var num = $('option').length;
    for(var i=0; i<num; i++){
    $('.SlectBox')[0].sumo.unSelectItem(i);
    }
});