JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
<div id="kalender">

  <div id="kal_line"></div>

  <ul>
    <li><div id="day1" class="pos1"></div></li>
    <li><div id="day2" class="pos2"></div></li>
    <li><div id="day3" class="pos3"></div></li>
    <li><div id="day4" class="pos4"></div></li>
    <li><div id="day5" class="pos5"></div></li>
  </ul>

</div>

JavaScript

Array.prototype.backwards = function(steps) {
	for (var i = 0; i < steps; i++) {
    var firstElement = this[0];
    this.shift();
    this.push(firstElement);
  }
};

$(document).ready(
  function() {
    var date = new Date();
    var days = ['sat', 'sun', 'mon', 'tue', 'wed', 'thu', 'fri'];
    
    days.backwards(date.getDay());

    $('#day1').text(days[0]);
    $('#day2').text(days[1]);
    $('#day3').text(days[2]);
    $('#day4').text(days[3]);
    $('#day5').text(days[4]);

  }
);