<div class="a-dateDisplay d-flex align-items-center">
<div class="a-circle -avatar -border -pointer cursor-default">
<i class="icon-calendar"></i>
</div>
<span class="pl-2 white-space-nowrap ">14-11-2021</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": "14-11-2021",
"color": ""
}