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>
    <option value="M">Maybe</option>
    <option value="Nv">Never</option>
</select>
<button>Clear</button>

JavaScript

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

$('button').on('click', function () {
    var obj = [];
    $('option:selected').each(function () {
        obj.push($(this).index());
    });

    for (var i = 0; i < obj.length; i++) {
        $('.SlectBox')[0].sumo.unSelectItem(obj[i]);
    }
});