monadical/common-availability
13
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix timezone schedule view

Browse Source
This commit is contained in:
Joyce
2026-02-25 11:52:21 -05:00
parent b13d035404
commit d8a66fe7e8
1 changed files with 12 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
frontend/src/components/ScheduleModal.tsx
View File

@@ -81,16 +81,20 @@ export const ScheduleModal = ({
return `${hour.toString().padStart(2, '0')}:00`;
};
const formatTime = (hour: number, minutes: number) => {
const totalMinutes = hour * 60 + minutes;
const h = Math.floor(totalMinutes / 60) % 24;
const m = totalMinutes % 60;
return `${h.toString().padStart(2, '0')}:${m.toString().padStart(2, '0')}`;
};
const formatInTZ = (date: Date) =>
date.toLocaleTimeString('en-US', {
timeZone: displayTimezone,
hour: '2-digit',
minute: '2-digit',
hour12: false,
});
const getStartTimeDisplay = () => formatInTZ(new Date(slot.start_time));
const getEndTime = () => {
if (!slot) return '';
return formatTime(slot.hour, duration);
const start = new Date(slot.start_time);
return formatInTZ(new Date(start.getTime() + duration * 60 * 1000));
};
const formatDate = (dateStr: string) => {
@@ -174,7 +178,7 @@ export const ScheduleModal = ({
</div>
<div className="flex items-center gap-3 text-sm">
<Clock className="w-4 h-4 text-primary" />
<span><span className="text-primary font-medium">{formatHour(slot.hour)} – {getEndTime()}</span> <span className="text-muted-foreground">({getTimezoneAbbrev(displayTimezone)})</span></span>
<span><span className="text-primary font-medium">{getStartTimeDisplay()} – {getEndTime()}</span> <span className="text-muted-foreground">({getTimezoneAbbrev(displayTimezone)})</span></span>
</div>
<div className="flex items-center gap-3 text-sm">
<Users className="w-4 h-4 text-primary" />