let date=new Date,year=date.getFullYear(),month=date.getMonth();const day=document.querySelector(".calendar-dates"),currdate=document.querySelector(".calendar-current-date"),prenexIcons=document.querySelectorAll(".calendar-navigation span"),months=["Janvier","Février","Mars","Avril","Mai","Juin","Juillet","Août","Septembre","Octobre","Novembre","Décembre"],manipulate=()=>{let s=new Date(year,month,1).getDay(),t=new Date(year,month+1,0).getDate(),n=new Date(year,month,t).getDay(),o=new Date(year,month,0).getDate(),e="";for(let t=s;t>0;t--)e+=`<li class="inactive">${o-t+1}</li>`;for(let n=1;n<=t;n++){let s=n===date.getDate()&&month===(new Date).getMonth()&&year===(new Date).getFullYear()?"active":"";e+=`<li class="${s}">${n}</li>`}for(let t=n;t<6;t++)e+=`<li class="inactive">${t-n+1}</li>`;currdate.innerText=`${months[month]} ${year}`,day.innerHTML=e};manipulate(),prenexIcons.forEach(e=>{e.addEventListener("click",()=>{month=e.id==="calendar-prev"?month-1:month+1,month<0||month>11?(date=new Date(year,month,(new Date).getDate()),year=date.getFullYear(),month=date.getMonth()):date=new Date,manipulate()})})