How to show date numbers in css grid calendar

How do I make the numbers shift in this makeshift calendar grid?

<div class="calGrid">
<div *ngFor="let d of dates;let index=index" class="calDate">
<div *ngIf="index < 7">{{d.day}}</div>
<div>{{d.date}}</div>
</div>
</div>


to show up like this:



but how do I make the numbers shift when the first day of the month starts on say, Fri ?

Continue reading...