Lunds universitet - Style Guide

Date 

<div class="mb-3">
    <label for="formDate" class="form-label ">Date Label</label>
    <div class="input-group">
        <span class="input-group-text bg-transparent text-bronze"><i class="fal fa-calendar-alt  fa-lg"></i>
        </span>
        <input type="date" class="form-control" id="formDate" placeholder="YYYY-MM-DD" pattern="'\d{4}-\d{2}-\d{2}">
    </div>
</div>
 
<div class="mb-3{{modifiers modifiers}}">
  <label for="{{id}}" class="form-label {{modifiers label-modifiers}}">{{label}}</label>
  <div class="input-group">
    <span class="input-group-text bg-transparent text-bronze">{{render "@icon--date"}}</span>
    <input type="date" class="form-control" id="{{id}}"{{#if value}} value="{{value}}"{{/if}}{{#if placeholder}} placeholder="{{placeholder}}"{{/if}} pattern="'\d{4}-\d{2}-\d{2}" {{#if required}} required{{/if}}{{#if disabled}} disabled{{/if}}>
  </div>
  {{#if help}}
    {{render "@form-help" help}}
  {{/if}}
</div>
 
{
  "name": "date",
  "label": "Date Label",
  "id": "formDate",
  "placeholder": "YYYY-MM-DD"
}

No notes defined.