{% load widget_tweaks %}

<div class="space-y-2">
    {% if label %}
    <label for="{{ field.id_for_label }}" class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70">
        {{ label }}
    </label>
    {% endif %}
    
    {% render_field field class+="flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1" %}
    
    {% if field.help_text %}
    <p class="text-sm text-muted-foreground">{{ field.help_text }}</p>
    {% endif %}
    
    {% if field.errors %}
    <p class="text-sm font-medium text-destructive">{{ field.errors.0 }}</p>
    {% endif %}
</div>