JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script src="http://mjolnic.com/bootstrap-colorpicker/dist/js/bootstrap-colorpicker.js"></script>
<link rel="stylesheet" href="http://mjolnic.com/bootstrap-colorpicker/dist/css/bootstrap-colorpicker.min.css">
<div id='colorPicker'>
 <input id='inputcolor' type='text' value='' class='form-control'/>
 <span class='input-group-addon'></span>
</div>

JavaScript

/*$(document).ready(function(){
    $('#inputcolor').val('#ccc');
});
    $('#colorPicker').colorpicker();*/
    
    $("#inputcolor").val("#bbccff");
$("#inputcolor").trigger('change');