Booking Widget — Demo

Deze widget kan je hergebruiken op elke website met een eigen kleur en label.

Onderhoud inplannen

Kies een beschikbare dag en tijdslot voor uw onderhoudsbeurt.

1. Datum & tijdslot
2. Uw gegevens
september 2026
Zo
Ma
Di
Wo
Do
Vr
Za
Geselecteerd
Niet beschikbaar
Feestdag

Hoe te gebruiken in een nieuwe app

Kopieer components/booking/BookingWidget.jsx en lib/belgianHolidays.js naar de nieuwe app.

Gebruik de widget zo:

import BookingWidget from "@/components/booking/BookingWidget";

<BookingWidget
  primaryColor="#2563EB"       // jouw merkkleur
  title="Afspraak boeken"
  subtitle="Kies een datum en tijdslot."
  appointmentLabel="Installatie"
  confirmationFn="sendBookingConfirmation"
  onSuccess={(booking) => console.log(booking)}
/>

De widget leest automatisch de ScheduleSettings entiteit voor beschikbare dagen/slots.