I am working in the project bootsrap5 so for data I need to adjust calendar according to the Figma

I am working in the project bootstrap5 so for data I need to adjust calendare according to the figma
Below I am sharing my code:

<div class="form-group"> <input type="text" name="datefilter" value="" class="form-control" placeholder="Start Date - End Date"> 
</div>

for the moment my calendar is the just basis as you can see on the image:

But how I can adjust my code such us calendar on the Figma is secondly image that I am attaching:
Thanks.

I tried to style class of the datapicker table but not at all works.

You need to sign in to view this answers