<div id="{{ widget.name }}" class="{{ widget.attrs.class_names }}" style="{% if widget.attrs.inline %}display: inline-block; min-width: 200px;{% endif %}{{ widget.attrs.style }}">
    <label for="{{ field.id_for_label }}" data-error="{{ field.errors|join:' ' }}" data-success="">{{ field.label }}</label>
    <input type="{{ widget.type }}" name="{{ widget.name }}"
           {% if widget.value != None %}value="{{ widget.value|stringformat:'s' }}"{% endif %}
           {% include "django/forms/widgets/attrs.html" %}
           id="{{ field.id_for_label }}"
           {% if placeholder %}placeholder="{{ placeholder }}"{% endif %}
           {% if field.max_length %}maxLength={{ field.max_length }}{% endif %}
           {% if widget.is_hidden %}hidden{% endif %}
           {% if widget.is_required %}required{% endif %}
           class="{{ input_class }}{% if field.errors %} active validate invalid{% endif %}">
    <span class="helper-text" data-error="{% for err in field.errors %}{{ err }}{% if not forloop.last %}, {% endif %}{% endfor %}"
          style="display: table"></span>
</div>
