Booking calendar - Flutter package to manage online bookings

Overview

Booking Calendar Logo

Pub.dev Badge MIT License Badge Flutter Platform Badge

Booking Calendar

Want to make online bookings in your app? Then luckily you need look no further!

With a total of 4 lines, you get a working online booking system where users can track bookings in real-time.

It calculates the cases where there would be a conflict in the calendar and displays them in different colors.

You can customise your booking calendar with a number of additional parameters.

Booking Calendar Logo

Usage

Check the Demo Example for more Information

 Widget build(BuildContext context) {
    return BookingCalendar(
        key: key,
        ///These are the required parameters
        getBookingStream: getBookingStream,
        uploadBooking: uploadBooking,
        convertStreamResultToDateTimeRanges: convertStreamResultToDateTimeRanges,
        ///These are only customizable, optional parameters
        bookingButtonColor: bookingButtonColor,
        bookingButtonText: bookingButtonText,
        bookingExplanation: bookingExplanation,
        bookingGridChildAspectRatio: bookingGridChildAspectRatio,
        bookingGridCrossAxisCount: bookingGridCrossAxisCount,
        formatDateTime: formatDateTime,
        availableSlotColor: availableSlotColor,
        availableSlotText: availableSlotText,
        bookedSlotColor: bookedSlotColor,
        bookedSlotText: bookedSlotText,
        selectedSlotColor: selectedSlotColor,
        selectedSlotText: selectedSlotText,
        gridScrollPhysics: gridScrollPhysics,
        loadingWidget: loadingWidget,
        errorWidget: errorWidget,
    );
  }

Additional information

Feel free to add issues and leave comments on the github repository.

Comments
  • Disable weekends?

    Disable weekends?

    Hey man, i really like your package! Is there a way to disable weekends (saturday and sunday) so the user can't pick those days? If i use pause slots for every weeknd that's a bit tedious lol :)

    opened by kristijanbarabas 7
  • Issue with start time and end

    Issue with start time and end

    Hi! I checked your awesom package that i was searching for a while, its good but i am having some issues with the start time and end. Your help would mean alot. Thanks in Advance.

    Here is the code: mockBookingService = BookingService( serviceName: 'Mock Service', serviceDuration: 30, bookingEnd: DateTime(now.year, now.month, now.day, 18, 0), bookingStart: DateTime(now.year, now.month, now.day, 8, 0));

    It show slots from 00:00 to 23:30 and i want from 08:00 to 18:00.

    opened by zainaliyt 7
  •  Required named parameter 'vsync' must be provided

    Required named parameter 'vsync' must be provided

    : Error: Required named parameter 'vsync' must be provided. ../…/src/table_calendar_base.dart:192 return AnimatedSize( ^ : Context: Found this candidate, but the arguments don't match. ../…/widgets/animated_size.dart:56 const AnimatedSize({ ^^^^^^^^^^^^

    opened by mithooo 5
  • Null safety issue

    Null safety issue

    While installing this library am getting null safety issue

    Because google_maps_place_picker >=2.0.0-nullsafety.0 depends on provider ^5.0.0 and every version of booking_calendar depends on provider ^6.0.2, google_maps_place_picker >=2.0.0-nullsafety.0 is incompatible with booking_calendar. So, because home_services depends on both google_maps_place_picker ^2.1.0-nullsafety.3 and booking_calendar any, version solving failed.

    opened by offerliapp 5
  • Latest Version bookingEnd issue

    Latest Version bookingEnd issue

    In the latest update, the ending time doesn't seem to be fetched properly. It used to work right in 1.1.6. Attached is the screenshot of the code and the output in both 1.1.6 and 1.1.7

    Code: image

    1.1.6: image

    1.1.7: image

    opened by JohnnyCasares 4
  • Booked date bug

    Booked date bug

    Hey man! I've noticed a bug when trying to make a booking on saturday or sunday. The calendar switches to monday but the booked date stays on saturday or sunday. Example: Today is sunday (11.12.2022.), on the calendar the selected day is monday, but when i submit my booking the booked date is 11.12.2022., it doesn't switch to monday (12.12.2022.). Saturdays and sundays are disabled. Everything else works perfectly. :) Capture Capture2 Capture3 Capture4

    opened by kristijanbarabas 4
  • Success screen closing very quickly

    Success screen closing very quickly

    I am a beginner to flutter and I am trying to polish my skills through building a slot booking app.

    Almost everything is going good so far and have implemented everything successfully, but after clicking on Book button my successful screen closing very quickly. Not sure how to stay on that screen until user tap on Go To Home Button.

    opened by 0001arunsharma 4
  • Break time?

    Break time?

    Hi! This is not a issue but it would be nice to have ability to disable time, lets say between 12-13 for lunchbreak and show some icon or disable all slota between that time.

    opened by zainaliyt 4
  • Example doesnt work

    Example doesnt work

    /C:/src/flutter/.pub-cache/hosted/pub.dartlang.org/booking_calendar-1.1.4/lib/src/components/booking_calendar_main.dart:174:29: Error: A value of type 'Set' can't be assigned to a variable of type 'Widget'.

    The app only runs if the if-statement from line 174 is removed, but then I cant hide the break

    opened by JohnnyCasares 3
  • Need Help

    Need Help

    I'm a new flutter dev, I've been trying to change the newbooking inputs and can not seem to see where I can do that. image If I change that it changes my view so not sure if its that.

    My upload is as follows image image image

    opened by godopetza 3
  • Added TextStyle to CommandCards

    Added TextStyle to CommandCards

    I added TestStyle to the CommandCard text to enable the developer to use other background colors that won't interfere with the text. Also, the text is quite small so using TextStyle the developer is free to style the text the way he wants with Size, Weight, Color...

    opened by mazenhalawi 2
  • Problem with method SportBooking.fromJson and ApiRepository

    Problem with method SportBooking.fromJson and ApiRepository

    Hi! I'm trying to implement your work to my project, and I've followed the example you give of Google Firebase with SportBooking. But there is something that I can't make sense of right now (maybe sleeping too little lol).

    In the factory method factory SportBooking.fromJson(Map<String, dynamic> json) => _$SportBookingFromJson(json);

    What does _$SportBookingFromJson mean? I can't find it declared in your example or anywhere else, and I would like to know how to declare it so that everything works.

    errorFlutter

    Also, I can't find a way to instance ApiRepository, and I can't find it to be a dependency. I would like to know what it refers to, if it is necessary or if I should implement it myself.

    errorFlutterTwo

    Thanks for your patience!

    opened by JoanFerrando64 3
  • Flutterflow project from Firebase example for download

    Flutterflow project from Firebase example for download

    The custom widget you guys have done is great, but unfortunately I'm not very good with flutter and had trouble connecting the widget with my firebase database and displaying its data + creating documents for new bookings.

    I was wondering if you could share the flutterflow project from the firebase example so we can exactly replicate the widget and action you made in the firebase example.

    It would be really helpful as I've been trying to put together the widget code for days and just haven't hit the nail.

    Thanks in advance.

    opened by FerTirado 0
  • Would you like to support multiple selections?

    Would you like to support multiple selections?

    I am a beginner. I'm trying to make a library reservation app, so I have to support multiple selections, but I don't know how to do it no matter how hard I look

    opened by 13byte 7
Owner
null
Ali Türkay AVCI 1 Jan 20, 2022
Clean, beautiful and customisable calendar package for flutter

Word from creator Hello ?? , Yeah I know Clean calendar is still very new, but don't be put off by it because it will be well-maintained for a very, v

Deepanshu Chaudhary 8 Dec 15, 2022
On Demand Doctor Appointment Booking App Built in Flutter

flutter_doctor_appointment_booking_app Getting Started flutter_doctor_appointment_booking_app project has "main.dart" as Entry Point. Hire Me Drop me

Kalpesh Khandla 32 Dec 23, 2022
Cab Booking Web App in Flutter

Cab-Booking-Flutter-Web-App Cab Booking Template - Flutter Cab offers you just about everything you are looking for in a free taxi service website tem

Chirag Jadav 30 Dec 30, 2022
Flutter UI design for a car booking application

Flutter UBER UI Kit A flutter Uber UI Kit inspired by A design on behance 20+ Screens and still making more. ?? Star if you like what you see. ⭐ ⭐ ⭐ ⭐

Olayemii Garuba 360 Dec 11, 2022
Flutter UI design for a car booking application

Flutter UBER UI Kit A flutter Uber UI Kit inspired by A design on behance 20+ Screens and still making more. ?? Star if you like what you see. ⭐ ⭐ ⭐ ⭐

Olayemii Garuba 331 Dec 22, 2021
Bus Seat Booking App For Flutter

shani_bus(Bus Seat Booking App) splash screen Login page 3)Home screen Seat book

null 5 Oct 8, 2022
Flutter Hotel Booking UI

hotel_booking Original Design: https://dribbble.com/shots/7967793-Travel-App RESULT Getting Started This project is a starting point for a Flutter app

Cybdom 143 Dec 28, 2022
Doctor booking app - Flutter Ui Challenge Speed Code

Installation flutter pub get Usage flutter run Live Demo : Flutter Doctor Booking App Web Demo Try Android APK : Download From Google Drive Dotor Bo

Sanskar Tiwari 521 Jan 3, 2023
Demo application for hotel booking app made with @flutter and love.

Hotel Booking App Generated by the Very Good CLI ?? A Very Good Project created by Very Good CLI. Getting Started ?? This project contains 3 flavors:

Enzo Lizama Paredes 150 Oct 12, 2022
Flight Booking/Reservation built with Flutter

fofoofoflights A Flight booking/reservation app built with Flutter and Firebase backend. Features Comes with OTP Login Optional Gmail Login Profile Pa

Daniel Kabu Asare 4 Apr 7, 2022
Taxi booking app built using Flutter

Flutter Taxi App A Flutter starter taxi app built with BLOC pattern. It has following features Taxi markers showing on different position on map (Base

Open Consulting Group 549 Jan 7, 2023
Flutter based taxi booking app (dummy) using provider.

Fuber - Taxi booking App UI! Hi! This is the clone to the App based Taxi booking Services like Uber using Flutter and Provider as a state management i

Sahdeep Singh 198 Dec 14, 2022
Ez tickets app - A cinema ticket booking app made with Flutter SDK

EZ Tickets Cinema App - Made With Flutter A ticket booking app made for Nueplex

Abdur Rafay Saleem 273 Jan 9, 2023
Flutter Hostel Booking App

Flutter Hostel Booking App Book school hostels hassle free. Simple android hostel booking app. Purpose - proof of concept & school project. Stack Wri

MURAGEH 6 Dec 8, 2022
Simple Flight Booking Mobile Appication Built With Flutter

albetro Simple Flight Booking Mobile Appication Built With Flutter option to select the origin and destination airport Fetch list of airline schedules

victor 16 Oct 30, 2022
Flutter Flight Booking UI project..

flight_ui A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if thi

Amirkhalili 5 Oct 15, 2022
NearTurf is a turf booking app that helps you find the best turf near you and book more slots. Created by using flutter , Node js

Near Turf A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if thi

Harshad Ok 3 Oct 26, 2022
Docoline is a virtual Doctor appointment booking application

Docoline Docoline is a virtual Doctor appointment booking application, that has been developed to override the problems of booking an appointment with

Shametha K G 11 Oct 17, 2022