nouveau-theatre-de-besancon/site/snippets/calendar-strip.php
2024-07-24 09:43:31 +02:00

26 lines
685 B
PHP

<div
class="calendar-strip"
x-data="{
monthNumb: dayjs().month(),
get monthName() {
return dayjs().month(this.monthNumb).format('MMMM');
},
get days() {
return getDaysInMonth(this.monthNumb, dayjs().year())
}
}"
>
<div class="calendar-strip__selector">
<button class="prev-month" @click="monthNumb--"></button>
<span x-text="monthName"></span>
<button class="next-month" @click="monthNumb++"></button>
</div>
<ul class="calendar-strip__days">
<template x-for="(day, index) in days">
<li x-text="index + 1"></li>
</template>
</ul>
<button class="calendar-strip__calendar-btn">calendrier</button>
</div>