JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://www.eyecon.ro/colorpicker/js/colorpicker.js"></script>
<link rel="stylesheet" href="http://www.eyecon.ro/colorpicker/css/colorpicker.css">
<form>
    <input type="text" class="color-picker" style="background-color:#f00;" value="" />
    <input type="text" class="color-picker" style="background-color:#000;" value="" />
</form>

JavaScript

$('.color-picker').ColorPicker({
    onShow: function (colpkr) {
        $(colpkr).fadeIn(500);
        return false;
    },
    onHide: function (colpkr) {
        $(colpkr).fadeOut(500);
        return false;
    },
    onChange: function (hsb, hex, rgb) {
        var el = $(this).data('colorpicker').el;
        $(el).css('backgroundColor', '#' + hex).val('#' + hex);
    }
});