calendar_slider 0.0.4

Calendar Slider is a Flutter package that provides a sliding calendar widget. It is highly customizable and has a full calendar view.

CalendarSlider 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

2. Install it Install packages from the command line

flutter pub get calendar_slider

3. Import it Import it to your project

import 'package:calendar_slider/calendar_slider.dart';

SelectedDayPosition.center	SelectedDayPosition.Left	SelectedDayPosition.Right

FullCalendarScroll.vertical	FullCalendarScroll.horizontal

Demo

How to use?

Use the CalendarAgenda Widget

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

Props

Props	Types	Required	defaultValues
initialDate	DateTime	True
firstDate	DateTime	True
lastDate	DateTime	True
onDateSelected	Funtion	False
controller	CalendarAgendaController?	False
backgroundColor	Color?	False	Colors.transparent
tileHeight	double?	False	60.0
selectedTileHeight	double?	False	75.0
dateColor	Color?	False	Colors.black
selectedDateColor	Color?	False	Colors.black
tileShadow	BoxShadow?	False	BoxShadow(color: Colors.black.withOpacity(0.13),spreadRadius: 1,blurRadius: 2,offset: const Offset(0, 2),),
tileBackgroundColor	Color?	False	Colors.white
selectedTileBackgroundColor	Color?	False	Colors.blue
monthYearTextColor	Color?	False	Colors.black
monthYearButtonBackgroundColor	Color?	False	Colors.grey
calendarEventSelectedColor	Color?	False	Colors.white
calendarEventColor	Color?	False	Colors.blue
fullCalendarBackgroundImage	DecorationImage?	False	null
locale	String?	False	'en'
events	List<DateTime>?	False	[]
fullCalendar	bool	False	True
fullCalendarScroll	FullCalendarScroll	False	FullCalendarScroll.horizontal
weekDay	WeekDay	False	WeekDay.short
fullCalendarWeekDay	WeekDay	False	WeekDay.short
selectedDayPosition	SelectedDayPosition	False	SelectedDayPosition.center

---

Thank you

Special thanks goes to all contributors to this package. Make sure to check them out.