LouisMazin/Boulangerie_Website
LouisMazin/Boulangerie_Website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

nice calendar

Browse Source
This commit is contained in:
Louis Mazin 2026-09-25 16:23:00 +02:00
parent 98c5f14966
commit 8ef1bed6b1
1 changed files with 22 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
frontend/src/pages/CalendarPage.jsx
View File

@ -85,6 +85,8 @@ const DAYS_IN_MONTH = [
]; ];
const WEEKDAY_INITIALS = ['D', 'L', 'M', 'M', 'J', 'V', 'S'];
const HEADER_HEIGHT = 35; const HEADER_HEIGHT = 35;
const DAY_COLUMN_WIDTH = 45; const DAY_COLUMN_WIDTH = 45;
@ -1539,6 +1541,16 @@ const CalendarPage = () => {
monthIndex, monthIndex,
day, day,
); );
const cellDayNumber =
Math.floor(
Date.UTC(getMonthYear(monthIndex), monthIndex, day) / 86400000,
);
const alternateWeek =
Math.floor((cellDayNumber + 3) / 7) % 2 !== 0;
const weekdayInitial =
WEEKDAY_INITIALS[
new Date(Date.UTC(getMonthYear(monthIndex), monthIndex, day)).getUTCDay()
];
const selectedCell = const selectedCell =
isDateSelected(cellDate); isDateSelected(cellDate);
const dayEvents = const dayEvents =
@ -1578,15 +1590,10 @@ const CalendarPage = () => {
border-border border-border
${dayIndex < rowCount - 1 ? 'border-b' : ''} ${dayIndex < rowCount - 1 ? 'border-b' : ''}
${monthIndex !== displayedMonthIndices[displayedMonthIndices.length - 1] ? 'border-r' : ''} ${monthIndex !== displayedMonthIndices[displayedMonthIndices.length - 1] ? 'border-r' : ''}
bg-card ${todayCell ? 'bg-muted' : alternateWeek ? 'bg-muted/40' : 'bg-card'}
px-2 px-2
transition-colors transition-colors
hover:bg-muted/40 hover:bg-muted/40
${
todayCell
? 'bg-muted'
: ''
}
${ ${
selectedCell selectedCell
? 'bg-primary/15 ring-1 ring-inset ring-primary/40' ? 'bg-primary/15 ring-1 ring-inset ring-primary/40'
@ -1636,9 +1643,17 @@ const CalendarPage = () => {
text-primary-foreground text-primary-foreground
" "
> >
{day} {weekdayInitial}
</div> </div>
)} )}
{!todayCell && (
<span
aria-hidden="true"
className="pointer-events-none absolute inset-0 flex items-center justify-center text-[10px] font-normal text-muted-foreground/30"
>
{weekdayInitial}
</span>
)}
{/* ================================================== {/* ==================================================
ÉVÉNEMENTS SUR UNE PÉRIODE ÉVÉNEMENTS SUR UNE PÉRIODE
================================================== */} ================================================== */}