Friday 16 August 2019

Calendar widget library for Flutter apps


Calendarro

Calendar widget library for Flutter apps. Offers multiple ways to customize the widget.

Getting Started

Installation

Add dependency to your pubspec.yaml:
calendarro: ^1.0.0
Dart

Basic use

First, add an import to your code:
import 'package:calendarro/calendarro.dart';
Dart
Add a widget to your code:
Calendarro(
  startDate: DateUtils.getFirstDayOfCurrentMonth(),
  endDate: DateUtils.getLastDayOfCurrentMonth()
  )

Customization

1. Display Mode - If you prefer to operate on multiple rows to see whole month, use:
Calendarro(
  displayMode: DisplayMode.MONTHS,
  ...
  )
Dart
2. Selection Mode - If you want to select multiple dates, use:
Calendarro(
  selectionMode: SelectionMode.MULTI,
  ...
  )
Dart
3. Weekday Labels - If you want to provide your own row widget for displaying weekday names, use:
Calendarro(
  weekdayLabelsRow: CustomWeekdayLabelsRow()
  ...
  )
Dart
you can create your CustomWeekdayLabelsRow by looking at default CalendarroWeekdayLabelsView.
4. Day Tile Builder - If you want to build day tiles your own way, you can use:
Calendarro(
  dayTileBuilder: CustomDayTileBuilder()
  ...
  )
Dart
you can create your CustomDayTileBuilder looking upon DefaultDayTileBuilder.
5. Initial selected dates - When you want some dates to be selected from the scratch, use selectedDate (SelectionMode.SINGLE) or selectedDates (SelectionMode.MULTI) arguments:
Calendarro(
  selectedDate: DateTime(2018, 8, 1)
  //or
  selectedDates: [DateTime(2018, 8, 1), DateTime(2018, 8, 8)]
  ...
  )
Dart
you can create your CustomDayTileBuilder looking upon DefaultDayTileBuilder.

Selecting date callback

If you want to get a callback when a date tile is clicked, there is onTap param:
Calendarro(
  onTap: (date) {
      //your code
  }
  ...
  )
Dart

GitHub

Calendar widget library for Flutter apps. — Read More
Latest commit to the master branch on 8-14-2019
Download as zip