<div class="a-dateDisplay d-flex align-items-center">
<div class="a-circle -avatar bg-danger -pointer cursor-default">
<i class="icon-calendar"></i>
</div>
<span class="pl-2 white-space-nowrap text-danger">Gisteren</span>
</div>
<div class="a-dateDisplay d-flex align-items-center">
{% render '@circle', {size:"avatar", icon:"calendar", color:color, hover:false}, true %}
<span class="pl-2 white-space-nowrap {% if color %}text-{{color}}{% endif %}">{{date}}</span>
</div>
{
"date": "Gisteren",
"color": "danger"
}