{% extends 'forms/base_widget.html' %}

{% block html %}
    <div class="i-color-field">
        <div class="clickable-wrapper">
            <span class="color-preview"></span>
            <input id="{{ field.id }}" name="{{ field.name }}" value="{{ field._value() }}" type="text">
        </div>
    </div>
    <script>
        $('.i-color-field').colorpicker();
        $('.i-color-field input').clearableinput();
    </script>
{% endblock %}

{% extends 'forms/base_widget.html' %}

{% block html %}
    <div class="i-color-field">
        <div class="clickable-wrapper">
            <span class="color-preview"></span>
            <input id="{{ field.id }}" name="{{ field.name }}" value="{{ field._value() }}" type="text" maxlength="7">
        </div>
    </div>
    <script>
        $('.i-color-field').colorpicker();
        $('.i-color-field input').clearableinput();
    </script>
{% endblock %}

Add maxlength to colorpicker input
Add maxlength to colorpicker input
