calendar_slider

Description:

calendar slider

CalendarSlider widget with a lot of customization




Getting Started #

Depend on it
Add it to your package's pubspec.yaml file

dependencies:
flutter:
sdk: flutter
calendar_slider: version
copied to clipboard

Install it
Install packages from the command line

flutter pub get calendar_slider
copied to clipboard

Import it
Import it to your project

import 'package:calendar_slider/calendar_slider.dart';
copied to clipboard



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);
},
)
copied to clipboard
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.