From 7bbbddfab7a68dd453ea22f16699c4405180e368 Mon Sep 17 00:00:00 2001
From: Kevin Portable <Kevin@LAPTOP-J2LCOLEH>
Date: Fri, 7 Mar 2025 10:56:38 +0100
Subject: [PATCH] =?UTF-8?q?Correction=20de=20l'erreur=20sur=20la=20date=20?=
=?UTF-8?q?de=20d=C3=A9but=20du=20mois=20pour=20le=20calendrier,=20reforma?=
=?UTF-8?q?tage=20du=20calendrier=20pour=20format=20US?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
src/components/Calendar.jsx | 10 ++++++++--
1 file changed, 8 insertions(+), 2 deletions(-)
diff --git a/src/components/Calendar.jsx b/src/components/Calendar.jsx
index 2a4a7ac..d3cb662 100644
--- a/src/components/Calendar.jsx
+++ b/src/components/Calendar.jsx
@@ -1,5 +1,5 @@
import React, { useState } from 'react';
-import { format, addMonths, subMonths, startOfMonth, endOfMonth, eachDayOfInterval, isSameDay } from 'date-fns';
+import { format, addMonths, subMonths, startOfMonth, endOfMonth, eachDayOfInterval, getDay, isSameDay } from 'date-fns';
import { enUS } from 'date-fns/locale';
import { ChevronLeft, ChevronRight } from 'lucide-react';
@@ -15,6 +15,8 @@ const Calendar = () => {
end: endOfMonth(currentDate),
});
+ const startDay = getDay(startOfMonth(currentDate));
+
return (
<div className="space-y-6">
<div className="bg-violet-100 rounded-2xl p-6">
@@ -33,7 +35,7 @@ const Calendar = () => {
</div>
<div className="grid grid-cols-7 gap-2 text-center mb-2">
- {['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'].map(day => (
+ {['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'].map(day => (
<div key={day} className="text-sm font-medium text-violet-800">
{day}
</div>
@@ -41,6 +43,10 @@ const Calendar = () => {
</div>
<div className="grid grid-cols-7 gap-2">
+ {[...Array(startDay)].map((_, index) => (
+ <div key={`empty-${index}`} className="p-2"></div>
+ ))}
+
{days.map(day => {
const isSelected = isSameDay(day, selectedDate);
--
GitLab