Do a carousel scrolling in Angular without time of sliding and with range of dates

I have a problem and is I have to make a range of dates in web and design development with two inputs and with arrows buttons at the xtreme side of the page which can scroll the dates according to range, that is, something like this:

enter image description here

At the part of inputs you define the date with the format YYYY-MM-DD. At the part of squares show the information of each day which they have the range of defined days. You just can see 15 squares of day information. If there are more than 15 days of the range, you need to make a scroll like a carousel with left and right arrows button, and move the following days.

I need the .ts, html and .scss files. You can use bootstrap.

How can I do in web and design development?

The frontend is with Angular