Calendar

An inline month-grid calendar, with a standard single-date mode and a range mode.

View source on GitHub ↗

FBCalendar.standard(
  selectedDate: date,
  onDateChanged: (d) => setState(() => date = d),
  firstDate: DateTime(2020),
  lastDate: DateTime(2030),
);

CLI

Install this component into your project:

calendar

$flutter_beautify add calendar

Variants

FBCalendar.standard() · FBCalendar.range()

Key parameters

Parameter	Type	Default
selectedDate	DateTime?	—
onDateChanged	ValueChanged<DateTime?>?	—
firstDate / lastDate	DateTime	required

Usage

import 'package:your_app/widgets/calendar.dart';

FBCalendar.standard(
  selectedDate: date,
  onDateChanged: (d) => setState(() => date = d),
  firstDate: DateTime(2020),
  lastDate: DateTime(2030),
);