tomru/pfadi-bussle
1
0
Fork 0
mirror of https://github.com/tomru/pfadi-bussle.git synced 2026-03-04 15:07:13 +01:00
Code Issues Packages Projects Releases Wiki Activity

allow booking today

Browse Source
This commit is contained in:
Thomas Ruoff
2020-10-10 21:56:52 +02:00
parent ef9a699da6
commit 36226a7fa9
1 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
components/wizard/calendar.tsx
View File

@@ -1,6 +1,12 @@
import React, { useContext } from 'react' import React, { useContext } from 'react'
import classnames from 'classnames' import classnames from 'classnames'
import { isPast, isSameDay, isAfter, isWithinInterval } from 'date-fns' import {
isPast,
isSameDay,
isAfter,
isWithinInterval,
endOfDay,
} from 'date-fns'
import useSWR from 'swr' import useSWR from 'swr'
import Calendar from 'react-calendar' import Calendar from 'react-calendar'
import { dateFormatBackend } from '../../helpers/date' import { dateFormatBackend } from '../../helpers/date'
@@ -42,7 +48,7 @@ export default function MyCalendar({ ...props }) {
function tileClassName({ date, view }) { function tileClassName({ date, view }) {
const isMonthView = view === 'month' const isMonthView = view === 'month'
const isDaysBookedLoaded = !!daysBooked const isDaysBookedLoaded = !!daysBooked
const isInPast = isPast(date) const isInPast = isPast(endOfDay(date))
const isBooked = daysBooked?.includes(dateFormatBackend(date)) const isBooked = daysBooked?.includes(dateFormatBackend(date))
return classnames({ return classnames({
'react-calendar__tile--past': isMonthView && isInPast, 'react-calendar__tile--past': isMonthView && isInPast,