With this Widget, you can build a custom calendar.

Index

• Introduction
• Usage
• Example
• Parameters

Introduction

This package alh_calendar is inspired by flutter_neat_and_clean_calendar(Link) and build from scratch.

With this package you are able to:

• create your own CalendarHeader
• create your own TableRow which shows the days of week
• create your own TableCell which each represents a day
• create navigate threw the months via buttons or swipe
• show the dates of previous month and next month
• define a maximum and minimum month
• define a maximum and minimum day
• usefull callBacks
• Tests for the whole written code on Dart

Usage

final dayMap = {
  DayOfWeek.monday: 'Mon',
  DayOfWeek.thursday: 'Thu',
  DayOfWeek.wednesday: 'Wen',
  DayOfWeek.tuesday: 'Tue',
  DayOfWeek.friday: 'Fri',
  DayOfWeek.saturday: 'Sat',
  DayOfWeek.sunday: 'XXX',
};

@override
Widget build(BuildContext context) {
  return MaterialApp(
    home: Scaffold(
      appBar: AppBar(
        title: const Text('Plugin example app'),
      ),
      body: Column(children: [
        Expanded(
          child: Row(
            children: [
              Expanded(
                child: Card(
                  margin: const EdgeInsets.all(8),
                  child: AlhCalendar(
                    headerLeading: const Icon(Icons.chevron_left),
                    headerTrailing: const Icon(Icons.chevron_right),
                    daysOfWeek: dayMap,
                    enableHorizontalSwipe: true,
                    enableSixWeeksForEveryMonth: true,
                    dayOfWeekBuilder: (String dayOfWeek, bool isWeekEnd) {
                      return Center(
                        child: Text(
                          dayOfWeek,
                          style: TextStyle(
                              color: isWeekEnd
                                  ? Colors.green
                                  : Colors.redAccent),
                        ),
                      );
                    },
                    headerBuilder: (DateTime date) {
                      return Text(DateFormat('MMMM yyyy', 'en_Us').format(date),
                      );
                    },
                    dayBuilder: (CalendarDayBuilderModel calendarDayBuilderModel,) {
                      return CalendarDay(
                        calendarDayBuilderModel: calendarDayBuilderModel,
                      );
                    },
                  ),
                ),
              ),
            ],
          ),
        ),
      ]),
    ),
  );
}

Parameters

This is a list of all parameters that can be used for this widget.

This is a list of functional parameters.