k1nq/TREK
1
0
Fork 0
mirror of https://github.com/mauriceboe/TREK.git synced 2026-06-19 13:21:46 +00:00
Code Issues Packages Projects Releases Wiki Activity

Start the Journey date picker week on Monday (#1078)

Browse Source 
The Journey entry date picker started the week on Sunday (firstDow = getDay(), headers Su-first) while every other picker (CustomDateTimePicker, VacayCalendar) starts on Monday. Align it: Monday-first leading offset ((getDay()+6)%7) and Mo-first weekday headers.
This commit is contained in:
Maurice
2026-05-31 21:32:08 +02:00
parent 20791a29a7
commit 5bf8dd8cef
1 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/components/Journey/JourneyDetailPageDatePicker.tsx
+3 -2
View File
@@ -15,7 +15,8 @@ export function DatePicker({ value, onChange, tripDates }: {
})
const daysInMonth = new Date(viewMonth.year, viewMonth.month + 1, 0).getDate()
const firstDow = new Date(viewMonth.year, viewMonth.month, 1).getDay()
// Monday-first, matching CustomDateTimePicker / VacayCalendar (getDay() is Sunday=0).
const firstDow = (new Date(viewMonth.year, viewMonth.month, 1).getDay() + 6) % 7
const monthName = new Date(viewMonth.year, viewMonth.month).toLocaleDateString(undefined, { month: 'long', year: 'numeric' })
const prevMonth = () => {
@@ -68,7 +69,7 @@ export function DatePicker({ value, onChange, tripDates }: {
{/* Weekday headers */}
<div className="grid grid-cols-7 mb-1">
{['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'].map((d, i) => (
{['Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa', 'Su'].map((d, i) => (
<div key={i} className="text-center text-[10px] font-medium text-zinc-400 py-1">{d}</div>
))}
</div>