BookingCalendar

React Native booking calendar with range selection, availability, and event markers.

Install

npm install @uo282823/booking-calendar

Usage

import BookingCalendar from '@uo282823/booking-calendar';

<BookingCalendar
  events={[{ date: '2026-02-26', title: 'Show' }]}
  disabledDates={['2026-02-23']}
  bookings={[{ start: '2026-02-25', end: '2026-02-27' }]}
  minDate={new Date(2026, 1, 1)}
  maxDate={new Date(2026, 2, 28)}
  onBookingCreate={(range) => console.log(range)}
/>

Props

• events: Array of { date: 'YYYY-MM-DD', title: string }.
• disabledDates: Array of YYYY-MM-DD strings.
• bookings: Array of { start: 'YYYY-MM-DD', end: 'YYYY-MM-DD' }.
• minDate: JS Date lower bound (optional).
• maxDate: JS Date upper bound (optional).
• onBookingCreate: Callback receiving { start, end } when a valid range is confirmed.

Demo

The Expo demo lives in the example folder. Run it with:

cd example
npm install
npm run start

License

MIT