event_booking_timeline 0.0.5

To display the events booked in a specific time of the day. The events which are booked or reserved are displayed in forms of colors. Callbacks are provided to get the selected event.

Event Booking Timeline

Event booking timeline is a widget used to display the events booked in a specific time of the day.

Features

Timeline color changes according to booking status.

Time format displayed in both 24 and 12 hour formats.

Callback when the time is changed.

Inbuilt class for data.

Getting started

Install

dependencies:
    event_booking_timeline: ^0.0.5

Usage

Simple Timeline with booking

    EventBookingTimeline(
        booked: [
            Booking(startTime: "00:00", endTime: "01:00"),
            Booking(startTime: "01:00", endTime: "02:00"),
            Booking(startTime: "08:00", endTime: "09:00"),
        ],
        startTime: "00:00",
        endTime: "24:00",
        is12HourFormat: true,
        moveToFirstAvailableTime: false,
        numberOfSubdivision: 5,
        widthOfSegment: 100,
        widthOfTimeDivisionBar: 3,
        availableColor: Colors.grey,
        bookedColor: Colors.blue,
        onTimeSelected: (String time) {
            print("Selected Time $time");
        },
    );

Demo