alma/NeahNew
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

calendar

Browse Source
This commit is contained in:
alma 2025-05-06 21:31:41 +02:00
parent c854b0c069
commit 9e9fa64dce
1 changed files with 18 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
components/calendar/calendar-client.tsx
View File

@ -1179,17 +1179,18 @@ export function CalendarClient({ initialCalendars, userId, userProfile }: Calend
<div className="space-y-4 py-4"> <div className="space-y-4 py-4">
<div className="grid gap-4 py-4"> <div className="grid gap-4 py-4">
<div className="grid gap-2"> <div className="grid gap-2">
<Label htmlFor="title" className="text-base font-semibold">Titre</Label> <Label htmlFor="title" className="text-base font-semibold text-gray-800">Titre</Label>
<Input <Input
id="title" id="title"
placeholder="Titre de l'événement" placeholder="Titre de l'événement"
value={eventForm.title} value={eventForm.title}
onChange={(e) => setEventForm({ ...eventForm, title: e.target.value })} onChange={(e) => setEventForm({ ...eventForm, title: e.target.value })}
className="bg-white text-gray-900"
/> />
</div> </div>
<div className="space-y-2"> <div className="space-y-2">
<Label className="text-base font-semibold">Calendrier</Label> <Label className="text-base font-semibold text-gray-800">Calendrier</Label>
<div className="grid grid-cols-2 gap-2"> <div className="grid grid-cols-2 gap-2">
{calendars.map((cal) => ( {calendars.map((cal) => (
<button <button
@ -1225,7 +1226,7 @@ export function CalendarClient({ initialCalendars, userId, userProfile }: Calend
<div className="grid grid-cols-2 gap-4"> <div className="grid grid-cols-2 gap-4">
<div className="space-y-2"> <div className="space-y-2">
<Label>Début</Label> <Label className="text-gray-800">Début</Label>
<div className="flex gap-2"> <div className="flex gap-2">
<div className="flex-1"> <div className="flex-1">
<DatePicker <DatePicker
@ -1233,9 +1234,9 @@ export function CalendarClient({ initialCalendars, userId, userProfile }: Calend
onChange={handleStartDateChange} onChange={handleStartDateChange}
dateFormat="dd/MM/yyyy" dateFormat="dd/MM/yyyy"
locale="fr" locale="fr"
className="w-full rounded-md border border-gray-300 px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary" className="w-full rounded-md border border-gray-300 px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary bg-white text-gray-900"
placeholderText="Date" placeholderText="Date"
customInput={<Input />} customInput={<Input className="bg-white text-gray-900" />}
/> />
</div> </div>
<DatePicker <DatePicker
@ -1246,14 +1247,14 @@ export function CalendarClient({ initialCalendars, userId, userProfile }: Calend
timeIntervals={15} timeIntervals={15}
timeCaption="Heure" timeCaption="Heure"
dateFormat="HH:mm" dateFormat="HH:mm"
className="w-32" className="w-32 bg-white text-gray-900"
customInput={<Input />} customInput={<Input className="bg-white text-gray-900" />}
/> />
</div> </div>
</div> </div>
<div className="space-y-2"> <div className="space-y-2">
<Label>Fin</Label> <Label className="text-gray-800">Fin</Label>
<div className="flex gap-2"> <div className="flex gap-2">
<div className="flex-1"> <div className="flex-1">
<DatePicker <DatePicker
@ -1261,9 +1262,9 @@ export function CalendarClient({ initialCalendars, userId, userProfile }: Calend
onChange={handleEndDateChange} onChange={handleEndDateChange}
dateFormat="dd/MM/yyyy" dateFormat="dd/MM/yyyy"
locale="fr" locale="fr"
className="w-full rounded-md border border-gray-300 px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary" className="w-full rounded-md border border-gray-300 px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary bg-white text-gray-900"
placeholderText="Date" placeholderText="Date"
customInput={<Input />} customInput={<Input className="bg-white text-gray-900" />}
minDate={getDateFromString(eventForm.start)} minDate={getDateFromString(eventForm.start)}
/> />
</div> </div>
@ -1275,8 +1276,8 @@ export function CalendarClient({ initialCalendars, userId, userProfile }: Calend
timeIntervals={15} timeIntervals={15}
timeCaption="Heure" timeCaption="Heure"
dateFormat="HH:mm" dateFormat="HH:mm"
className="w-32" className="w-32 bg-white text-gray-900"
customInput={<Input />} customInput={<Input className="bg-white text-gray-900" />}
/> />
</div> </div>
</div> </div>
@ -1291,28 +1292,30 @@ export function CalendarClient({ initialCalendars, userId, userProfile }: Calend
setEventForm({ ...eventForm, allDay: checked as boolean }) setEventForm({ ...eventForm, allDay: checked as boolean })
} }
/> />
<Label htmlFor="allDay">Toute la journée</Label> <Label htmlFor="allDay" className="text-gray-800">Toute la journée</Label>
</div> </div>
<div className="space-y-2"> <div className="space-y-2">
<Label>Lieu</Label> <Label className="text-gray-800">Lieu</Label>
<Input <Input
value={eventForm.location || ""} value={eventForm.location || ""}
onChange={(e) => onChange={(e) =>
setEventForm({ ...eventForm, location: e.target.value }) setEventForm({ ...eventForm, location: e.target.value })
} }
placeholder="Ajouter un lieu" placeholder="Ajouter un lieu"
className="bg-white text-gray-900"
/> />
</div> </div>
<div className="space-y-2"> <div className="space-y-2">
<Label>Description</Label> <Label className="text-gray-800">Description</Label>
<Textarea <Textarea
value={eventForm.description || ""} value={eventForm.description || ""}
onChange={(e) => onChange={(e) =>
setEventForm({ ...eventForm, description: e.target.value }) setEventForm({ ...eventForm, description: e.target.value })
} }
placeholder="Ajouter une description" placeholder="Ajouter une description"
className="bg-white text-gray-900"
/> />
</div> </div>
</div> </div>