Press ESC to close

Flutter App : A Flutter Calendar Slider widget with a lot of customization

calendar_slider

A Flutter Calendar Slider widget with a lot of customization.

Getting Started

  1. Depend on it
    Add it to your package’s pubspec.yaml file
dependencies:
  flutter:
    sdk: flutter
  calendar_slider: version
YAML
  1. Install it
    Install packages from the command line
flutter pub get calendar_slider
Sh
  1. Import it
    Import it to your project
import 'package:calendar_slider/calendar_slider.dart';
Dart
SelectedDayPosition.center SelectedDayPosition.Left SelectedDayPosition.Right
FullCalendarScroll.vertical FullCalendarScroll.horizontal

Demo

How to use?

Use the CalendarAgenda Widget

CalendarAgenda(
initialDate: DateTime.now(),
firstDate: DateTime.now().subtract(Duration(days: 140)),
lastDate: DateTime.now().add(Duration(days: 4)),
onDateSelected: (date) {
print(date);
},
)
Dart

Props

Props Types Required defaultValues
initialDate DateTime True
 firstDate DateTime True
lastDate DateTime True
onDateSelected Funtion False
backgroundColor Color? False
selectedDayLogo ImageProvider<Object>? False
controller CalendarAgendaController? False
selectedDateColor Color? False Colors.black
dateColor Color? False Colors.white
calendarBackground Color? False Colors.white
calendarEventSelectedColor Color? False Colors.white
calendarEventColor Color? False Colors.blue
locale String? False ‘en’
leading Widget? False
appbar bool False False
events List<DateTime>? False
fullCalendar bool False True
fullCalendarScroll FullCalendarScroll False FullCalendarScroll.vertical
fullCalendarDay WeekDay False WeekDay.short
weekDay WeekDay False WeekDay.short
selectedDayPosition SelectedDayPosition False SelectedDayPosition.left
Footer Example