Добрый день!
В целях обучения решил сделатьToDo list
примерно вот такого вида

Внизу слайдер. При каждом свайпе влево нужно переключаться на предыдущую неделю, а при свайпе вправо на следующую соответственно. На тему обычного слайдера, где после последнего слайда включается первый вопросов не возникает. Решений в интернете полным полно.
Мне же необходимо, чтобы лишняя html разметка удалялась. Вдруг я захотел бы долистать до 100500 года.
Спасибо!
.slider
border: 1px solid black
padding: 5px
width: 300px
margin: 0 auto
position: absolute
left: 0
bottom: 0
width: 100%
overflow: hidden
.wrap
display: flex
transition: transform 0.6s ease
transform: translateX(-100%)
.week
display: flex
flex-flow: row nowrap
justify-content: space-around
flex: 0 0 100%
max-width: 100%
.day
padding: 0 5px
border: 3px solid lightblue
border-radius: 5px
background-color: lightblue
.active
border-color: blue
background-color: red
<div class="slider">
<div id="slider-wrap" class="wrap">
<div class="week">
<div class="day">
<div class="day-number">18</div>
<div class="dayof-week">пн</div>
</div>
<div class="day">
<div class="day-number">19</div>
<div class="dayof-week">вт</div>
</div>
<div class="day">
<div class="day-number">20</div>
<div class="dayof-week">ср</div>
</div>
<div class="day">
<div class="day-number">21</div>
<div class="dayof-week">чт</div>
</div>
<div class="day">
<div class="day-number">22</div>
<div class="dayof-week">пт</div>
</div>
<div class="day">
<div class="day-number">23</div>
<div class="dayof-week">сб</div>
</div>
<div class="day">
<div class="day-number">24</div>
<div class="dayof-week">вс</div>
</div>
</div>
<div class="week">
<div class="day">
<div class="day-number">25</div>
<div class="dayof-week">пн</div>
</div>
<div class="day">
<div class="day-number">26</div>
<div class="dayof-week">вт</div>
</div>
<div class="day">
<div class="day-number">27</div>
<div class="dayof-week">ср</div>
</div>
<div class="day active">
<div class="day-number">28</div>
<div class="dayof-week">чт</div>
</div>
<div class="day">
<div class="day-number">29</div>
<div class="dayof-week">пт</div>
</div>
<div class="day">
<div class="day-number">30</div>
<div class="dayof-week">сб</div>
</div>
<div class="day">
<div class="day-number">1</div>
<div class="dayof-week">вс</div>
</div>
</div>
<div class="week">
<div class="day">
<div class="day-number">2</div>
<div class="dayof-week">пн</div>
</div>
<div class="day">
<div class="day-number">3</div>
<div class="dayof-week">вт</div>
</div>
<div class="day">
<div class="day-number">4</div>
<div class="dayof-week">ср</div>
</div>
<div class="day">
<div class="day-number">5</div>
<div class="dayof-week">чт</div>
</div>
<div class="day">
<div class="day-number">6</div>
<div class="dayof-week">пт</div>
</div>
<div class="day">
<div class="day-number">7</div>
<div class="dayof-week">сб</div>
</div>
<div class="day">
<div class="day-number">8</div>
<div class="dayof-week">вс</div>
</div>
</div>
</div>
</div>