Multi Date Picker #

This package simplifies the process of picking dates from a calendar effortlessly. It offers the flexibility to choose single or multiple dates simply by toggling a boolean.

The package includes convenient features such as datesToExclude and selectedDate, which make implementing a check-in and check-out flow incredibly straightforward.

With this package, navigating the calendar and selecting dates becomes a piece of cake, providing you with the power to enhance your user experience.

Usage #

The only two required arguments are the calendarStartDate and calendarEndDate. The difference between calendarStartDate and calendarEndDate in days should be greater than 0.

    import 'package:multi_date_picker/multi_date_picker.dart';

     MultiDatePicker(
        calendarStartDate: DateTime(2024),
        calendarEndDate: DateTime(2024, 4, 30),
    )

User more parameters to change -- usability, look, and feel of it. #

The rest of the parameters are optional

startDate endDate datesToExclude selectedDates enableMultiSelect

With this in place, you can almost implement every requirement.

   import 'package:multi_date_picker/multi_date_picker.dart';

    MultiDatePicker(
        calendarStartDate: DateTime(2024),
        calendarEndDate: DateTime(2024, 4, 30),
        startDate: DateTime.now().subtract(const Duration(days: 30)),
        endDate: DateTime.now().add(const Duration(days: 30)),
        calendarStyleConfiguration: CalendarStyleConfiguration(
          backgroundColor: Colors.grey.shade800,
        ),
        datesToExclude: <DateTime>[
          DateTime.now().add(const Duration(days: 1)),
          DateTime.now().add(const Duration(days: 2)),
          DateTime.now().add(const Duration(days: 3)),
        ],
        enableMultiSelect: true,
        enableListener: false,
        onDateSelected: (List<DateTime> dates) {},
    ),

Available properties #

Upcoming changes #

• Enable drag to select
• Range selection. For: Like when the user has to select a download bank statement they have to select a from and to.
• Using app theme as default style configuration.
• More customization options.
• Tap on year to change the current year.
• Allowing more control over the scroll behavior.
• Introducing different layouts to view the calendar.

Author #

This plugin is developed by Vikas Kumar, Senior Software Engineer at GeekyAnts.

• Github
• LinkedIn