show booking date range on admin booking page

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>) => {

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))} -{' '}