{% comment %}
MD3 outlined text field, number variant (see select.html for the anatomy
notes). Unlike the select, this field can be empty, so the label rests inside
the container and floats into the outline notch on focus/populate — driven
purely by :placeholder-shown in CSS, which is why the input always carries a
single-space placeholder.
{% endcomment %}
<div class="fw-field fw-md3{% if field.errors %} fw-md3--error{% endif %}">
    <div class="fw-md3-outlined">
        <input type="number"
               name="{{ field.html_name }}"
               id="{{ field.id_for_label }}"
               {# emptiness is None, not falsiness: 0 must render, and an empty nullable field must stay empty, not become 0 #}
               value="{% if field.value is not None %}{{ field.value }}{% endif %}"
               placeholder=" "
               class="fw-md3-control"
               {% if field.errors or show_help_text != False and help_text|default:field.help_text %}aria-describedby="{{ field.id_for_label }}_supporting"{% endif %}
               {% if field.errors %}aria-invalid="true"{% endif %}
               {% if field.field.required %}required{% endif %}
               {% if field.field.widget.attrs.min is not None %}min="{{ field.field.widget.attrs.min }}"{% endif %}
               {% if field.field.widget.attrs.max is not None %}max="{{ field.field.widget.attrs.max }}"{% endif %}
               {% if field.field.widget.attrs.step is not None %}step="{{ field.field.widget.attrs.step }}"{% endif %}
               {% if field.field.disabled %}disabled{% endif %}>
        {% if show_label != False and label != "" %}
            <label for="{{ field.id_for_label }}" class="fw-md3-label">
                {{ label|default:field.label }}{% if show_required != False and required|default:field.field.required %}&nbsp;*{% endif %}
            </label>
        {% endif %}
        <fieldset class="fw-md3-outline" aria-hidden="true">
            <legend class="fw-md3-notch{% if show_label == False or label == "" %} fw-md3-notch--empty{% endif %}">
                {% if show_label != False and label != "" %}<span>{{ label|default:field.label }}{% if show_required != False and required|default:field.field.required %}&nbsp;*{% endif %}</span>{% endif %}
            </legend>
        </fieldset>
    </div>
    {% if field.errors %}
        <div class="fw-md3-supporting" id="{{ field.id_for_label }}_supporting">
            {% for error in field.errors %}<span>{{ error }}</span>{% endfor %}
        </div>
    {% elif show_help_text != False and help_text|default:field.help_text %}
        <div class="fw-md3-supporting" id="{{ field.id_for_label }}_supporting">{{ help_text|default:field.help_text }}</div>
    {% endif %}
</div>