dst/dstpabuaran.com
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: improve date handling in DatePicker and attendance components for better parsing and formatting

Browse Source
This commit is contained in:
Yoga Pangestu 2026-08-14 04:36:11 +07:00
parent ae1cc7b9a9
commit dd9ce7df85
3 changed files with 18 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
resources/js/components/inputs/date-picker.tsx
View File

@ -39,12 +39,17 @@ function DatePicker({
const date = React.useMemo(() => { const date = React.useMemo(() => {
if (!value) { if (!value) {
return undefined; return undefined;
} }
if (value instanceof Date) { if (value instanceof Date) {
return value; return value;
} }
if (typeof value === 'string' && /^\d{4}-\d{2}-\d{2}$/.test(value)) {
const [year, month, day] = value.split('-').map(Number);
return new Date(year, month - 1, day);
}
return new Date(value); return new Date(value);
}, [value]); }, [value]);

10
resources/js/pages/admin/analysis/index.tsx
View File

@ -14,6 +14,7 @@ import {
import { useCan } from '@/hooks/use-can'; import { useCan } from '@/hooks/use-can';
import { generateRandomColors } from '@/lib/utils'; import { generateRandomColors } from '@/lib/utils';
import { formatRupiah } from '@/lib/rupiah'; import { formatRupiah } from '@/lib/rupiah';
import { format } from 'date-fns';
import { Head, router } from '@inertiajs/react'; import { Head, router } from '@inertiajs/react';
import { import {
Banknote, Banknote,
@ -415,7 +416,7 @@ export default function Analysis({
const hasActiveFilters = !!startDate || !!endDate; const hasActiveFilters = !!startDate || !!endDate;
const formatDate = useCallback((date: Date): string => date.toISOString().split('T')[0], []); const formatDate = useCallback((date: Date): string => format(date, 'yyyy-MM-dd'), []);
const applyFilters = useCallback(() => { const applyFilters = useCallback(() => {
router.get( router.get(
@ -932,7 +933,8 @@ export default function Analysis({
tickMargin={8} tickMargin={8}
minTickGap={32} minTickGap={32}
tickFormatter={(value) => { tickFormatter={(value) => {
const date = new Date(value); const [year, month, day] = String(value).split('-').map(Number);
const date = new Date(year, month - 1, day);
return date.toLocaleDateString('id-ID', { day: 'numeric', month: 'short' }); return date.toLocaleDateString('id-ID', { day: 'numeric', month: 'short' });
}} }}
/> />
@ -943,7 +945,9 @@ export default function Analysis({
className="w-[150px]" className="w-[150px]"
nameKey="views" nameKey="views"
labelFormatter={(value) => { labelFormatter={(value) => {
return new Date(value).toLocaleDateString('id-ID', { day: 'numeric', month: 'short', year: 'numeric' }); const [year, month, day] = String(value).split('-').map(Number);
const date = new Date(year, month - 1, day);
return date.toLocaleDateString('id-ID', { day: 'numeric', month: 'short', year: 'numeric' });
}} }}
formatter={(value, name, item, index) => ( formatter={(value, name, item, index) => (
<> <>

3
resources/js/pages/admin/hr/attendance/index.tsx
View File

@ -470,7 +470,8 @@ export default function AttendanceIndex({
const todayMidnight = new Date(); const todayMidnight = new Date();
todayMidnight.setHours(0, 0, 0, 0); todayMidnight.setHours(0, 0, 0, 0);
const cellDate = new Date(cell.date); const [cYear, cMonth, cDay] = String(cell.date).split('-').map(Number);
const cellDate = new Date(cYear, cMonth - 1, cDay);
cellDate.setHours(0, 0, 0, 0); cellDate.setHours(0, 0, 0, 0);
const isPastDate = cellDate < todayMidnight; const isPastDate = cellDate < todayMidnight;