UCEA

Date Input 

<label class="block">
    <span class="text-body mb-2 block font-semibold"></span>
    <div class="relative">
        <input type="text" class="
                        block
                        w-full
                        rounded-md
                        border-grey-200
                        shadow-sm
                        focus:border-button-surface focus:ring-3 focus:ring-button-surface/20">
        <div class="absolute w-5 h-5 right-2 top-2/4 -translate-y-2/4 pointer-events-none text-heading">
            <svg class="fill-current w-full h-full" aria-hidden="true">
                <use href="/front-end/sprite.svg#icon-calendar"></use>
            </svg>
        </div>
    </div>
</label>
 
<label class="block">
    <span class="text-body mb-2 block font-semibold">{{label}}</span>
    <div class="relative">
        <input type="text" class="
                        block
                        w-full
                        rounded-md
                        border-grey-200
                        shadow-sm
                        focus:border-button-surface focus:ring-3 focus:ring-button-surface/20">
        <div class="absolute w-5 h-5 right-2 top-2/4 -translate-y-2/4 pointer-events-none text-heading">
            {% render "@icon", { name: "icon-calendar", modifier: "fill-current w-full h-full", ariaHidden: true } %}
        </div>
    </div>
</label>
 
{
  "siteName": "UCEA"
}

No notes defined.