File: public/assets/bower_components/bootstrap-colorpicker/docs/includes/examples/10_disabled.hbs

<div id="cp10" class="input-group colorpicker-component">
    <input disabled type="text" value="" class="form-control"/>
    <span class="input-group-addon"><i></i></span>
</div>
<br>
<p>
  <a class="btn btn-sm btn-default enable-button" href="#">Enable</a>
  <a class="btn btn-sm btn-default disable-button" href="#">Disable</a>
</p>
<script>
    $(function () {
        $(".disable-button").click(function(e) {
            e.preventDefault();
            $("#cp10").colorpicker('disable');
        });

        $(".enable-button").click(function(e) {
            e.preventDefault();
            $("#cp10").colorpicker('enable');
        });
        $('#cp10').colorpicker();
    });
</script>