From e80c095770a8db2f591c39f61522b2401c2356f8 Mon Sep 17 00:00:00 2001
From: Thomas Ruoff <ThomasRuoff@gmail.com>
Date: Fri, 6 Nov 2020 23:59:21 +0100
Subject: [PATCH] show booking date range on admin booking page

---
 components/calendar.tsx              | 3 ++-
 pages/admin/booking/[uuid]/index.tsx | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/components/calendar.tsx b/components/calendar.tsx
index dd5dcd0..78ab9f8 100644
--- a/components/calendar.tsx
+++ b/components/calendar.tsx
@@ -1,4 +1,4 @@
-import React, { useContext } from 'react'
+import React from 'react'
 import classnames from 'classnames'
 import {
   isPast,
@@ -94,6 +94,7 @@ export default function PlainCalendar({
     <div className={className}>
       <h2 className="text-xl">Belegungsplan</h2>
       <Calendar
+        activeStartDate={startDate}
         minDate={new Date()}
         // @ts-ignore
         onClickDay={(date: Date, event: React.MouseEvent<HTMLInputElement>) => {
diff --git a/pages/admin/booking/[uuid]/index.tsx b/pages/admin/booking/[uuid]/index.tsx
index dfcf2fd..24f5daf 100644
--- a/pages/admin/booking/[uuid]/index.tsx
+++ b/pages/admin/booking/[uuid]/index.tsx
@@ -81,7 +81,7 @@ export default function ShowBookingAdmin({
       <Header />
       <main className="flex-grow">
         <h2 className="text-3xl">Buchung {booking.uuid}</h2>
-        <Calendar />
+        <Calendar start={booking.startDate} end={booking.endDate} />
         <div>
           <strong>Buchungszeitraum:</strong>{' '}
           {dateFormatFrontend(new Date(booking.startDate))} -{' '}