prparation for AWs

components/wizard/calendar.tsx

@@ -9,7 +9,7 @@ import { WizardContext } from './context/wizardStore'
 
 const fetcher = (path: string) => fetch(path).then((r) => r.json())
 
-export default function MyCalendar() {
+export default function MyCalendar({ ...props }) {
   const { onChange, state } = useContext(WizardContext)
   const { startDate: start, endDate: end } = state.formData
   const startDate = (start && new Date(start)) || null
@@ -66,15 +66,15 @@ export default function MyCalendar() {
   if (fetchBookedOnError) {
     return (
       <div>
-        Entschuldige, aber die Buchungszeiten konnten nicht geladen werden.
+        Entschuldigen Sie, aber die Buchungszeiten konnten nicht geladen werden.
         Versuchen Sie es später nochmals.
       </div>
     )
   }
 
   return (
-    <div className="mb-12 p-6 bg-blue-100 rounded">
-      <h2 className="text-xl">Buchungsübersicht</h2>
+    <div {...props}>
+      <h2 className="text-xl">Belegungsplan</h2>
       <Calendar
         minDate={new Date()}
         // @ts-ignore
@@ -107,7 +107,7 @@ export default function MyCalendar() {
         tileClassName={tileClassName}
         value={null}
       />
-      <div className="mt-6 flex justify-center">
+      <div className="mt-3 flex justify-center">
         <div>
           <div className="inline-block w-5 h-5 bg-green-200 rounded align-text-bottom"></div>
           <span className="ml-2">Frei</span>