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