interactive_calendar

Last updated:

0 purchases

interactive_calendar Image
interactive_calendar Images
Add to Cart

Description:

interactive calendar

Interactive Calendar #
An interactive calendar package for Flutter, providing various display modes and customizable styles.

Features #

Built-in support for localization using the intl package.
Dark mode support
Display a single month or a full year of months
Highlight specific days
Provides callbacks for tapping on highlighted and non-highlighted days
Customizable text and highlight colors


Important Note: the year corresponding to the currentDate value provided to the InteractiveCalendar widget is the year that will be displayed. If the onNextYear callback is provided, the user will be able to navigate to the next year. In this case, it is the developer's responsibility to update the currentDate value accordingly.

Getting started #
To use this package, add interactive_calendar as a dependency in your pubspec.yaml file.
Usage #
To start using the InteractiveCalendar class, you need to import the package:
import 'package:interactive_calendar/interactive_calendar.dart';
copied to clipboard
Then you can use it in your code like this:
InteractiveCalendar(
highlightedDays: [DateTime.now()],
onHighlightedDayTap: (DateTime date) {
print("Tapped on $date");
},
currentDate: DateTime.now(),
darkMode: false,
displayMode: DisplayMode.column
),
copied to clipboard
Here's what the properties mean:

highlightedDays: A list of DateTime objects representing the days that should be highlighted on the calendar.
onHighlightedDayTap: A callback function that will be called when a user taps on a highlighted day.
currentDate: A DateTime object representing the current date. The calendar will show the month and year corresponding to this date.
darkMode: A boolean value indicating whether the calendar should be displayed in dark mode or not.
displayMode: An enumeration value indicating the display mode of the calendar, either DisplayMode.column for a full year view or DisplayMode.singleMonth for a single month view.

You can also customize the text and background color of highlighted days by using the textHighLightColor and highLightColor properties respectively.
Additional information #
The InteractiveCalendar widget can be used to display a calendar with highlighted days.
The user can tap on a highlighted day to trigger a callback function.
Additionally, the user can tap on other days to trigger another callback function.
The InteractiveCalendar also supports dark mode and different display modes.
If you have any issues or feature requests, please file them in the issue tracker.

License:

For personal and professional use. You cannot resell or redistribute these repositories in their original state.

Files In This Product:

Customer Reviews

There are no reviews.