simonfranken/timetracker
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

adapts time format

Browse Source
This commit is contained in:
simon.franken
2026-02-18 12:43:17 +01:00
parent f77e94f7b7
commit a352318e8a
3 changed files with 11 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/src/pages/DashboardPage.tsx
View File

@@ -5,6 +5,7 @@ import { ProjectColorDot } from "@/components/ProjectColorDot";
import { StatCard } from "@/components/StatCard";
import {
formatDate,
formatTime,
formatDurationFromDatesHoursMinutes,
formatDurationHoursMinutes,
calculateDuration,
@@ -120,9 +121,10 @@ export function DashboardPage() {
</div>
</div>
</td>
<td className="px-4 py-3 whitespace-nowrap text-sm text-gray-500">
{formatDate(entry.startTime)}
</td>
<td className="px-4 py-3 whitespace-nowrap text-sm text-gray-500">
<div>{formatDate(entry.startTime)}</div>
<div className="text-xs text-gray-400">{formatTime(entry.startTime)} – {formatTime(entry.endTime)}</div>
</td>
<td className="px-4 py-3 whitespace-nowrap text-sm text-gray-900 font-mono">
{formatDurationFromDatesHoursMinutes(entry.startTime, entry.endTime)}
</td>

7
frontend/src/pages/TimeEntriesPage.tsx
View File

@@ -5,7 +5,7 @@ import { useProjects } from '@/hooks/useProjects';
import { Modal } from '@/components/Modal';
import { Spinner } from '@/components/Spinner';
import { ProjectColorDot } from '@/components/ProjectColorDot';
import { formatDate, formatDurationFromDatesHoursMinutes, getLocalISOString, toISOTimezone } from '@/utils/dateUtils';
import { formatDate, formatTime, formatDurationFromDatesHoursMinutes, getLocalISOString, toISOTimezone } from '@/utils/dateUtils';
import type { TimeEntry, CreateTimeEntryInput, UpdateTimeEntryInput } from '@/types';
export function TimeEntriesPage() {
@@ -117,7 +117,10 @@ export function TimeEntriesPage() {
<tbody className="bg-white divide-y divide-gray-200">
{data?.entries.map((entry) => (
<tr key={entry.id} className="hover:bg-gray-50">
<td className="px-4 py-3 whitespace-nowrap text-sm text-gray-900">{formatDate(entry.startTime)}</td>
<td className="px-4 py-3 whitespace-nowrap text-sm text-gray-900">
<div>{formatDate(entry.startTime)}</div>
<div className="text-xs text-gray-400">{formatTime(entry.startTime)} – {formatTime(entry.endTime)}</div>
</td>
<td className="px-4 py-3 whitespace-nowrap">
<div className="flex items-center">
<ProjectColorDot color={entry.project.color} />

2
frontend/src/utils/dateUtils.ts
View File

@@ -7,7 +7,7 @@ export function formatDate(date: string | Date): string {
export function formatTime(date: string | Date): string {
const d = typeof date === "string" ? parseISO(date) : date;
return format(d, "h:mm a");
return format(d, "HH:mm");
}
export function formatDateTime(date: string | Date): string {