Thank you for your hard work, the calendar is really simple to config and works smooth.

Is your feature request related to a problem? Please describe. Most european calendars starting on monday. I've seen no api for this feature so it's propably missing.

Describe the feature you'd like A option to define monday as first day of week would be very nice.

Is your feature request related to a problem? Please describe. At the moment the selectable date range is unlimited.

Describe the feature you'd like An API with limitRangeInDays or similar would be nice to limit the user in max selectable days. When user is clicking a Start-Date, the days outside the limit would get slighty more gray or a custom color and they cant be selected.

Use cases We have an statistics service which provides only data für 31 days. More days will result in heavy server load. This feature could give the user a direct feedback instead of an error message.

Hi! I'm trying to use calendar_date_picker2 for my web application and got the errors:

SliverGeometry is not valid: The "scrollExtent" is negative.
The RenderSliver that returned the offending geometry was: _RenderSliverFractionalPadding#c2f34 relayoutBoundary=up1 NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE:
  creator: _SliverFractionalPadding ← SliverFillViewport ← Viewport ← IgnorePointer-[GlobalKey#17ad9] ← Semantics ← Listener ← _GestureSemantics ← RawGestureDetector-[LabeledGlobalKey<RawGestureDetectorState>#62556] ← Listener ← _ScrollableScope ← _ScrollSemantics-[GlobalKey#119b9] ← NotificationListener<ScrollMetricsNotification> ← ⋯
  parentData: paintOffset=Offset(0.0, 0.0) (can use size)
  constraints: SliverConstraints(AxisDirection.right, GrowthDirection.forward, ScrollDirection.idle, scrollOffset: 333.3, remainingPaintExtent: 333.3, crossAxisExtent: 294.0, crossAxisDirection: AxisDirection.down, viewportMainAxisExtent: 333.3, remainingCacheExtent: 333.3, cacheOrigin: -0.0)
  geometry: SliverGeometry(scrollExtent: -7000.0, hidden, maxPaintExtent: -7000.0)
SliverGeometry is not valid: The "scrollExtent" is negative.

My code is the following:

final dateList = await showCalendarDatePicker2Dialog(
      context: context,
      config: CalendarDatePicker2WithActionButtonsConfig(
        calendarType: CalendarDatePicker2Type.range,
        firstDate: firstDate,
        lastDate: lastDate,
        currentDate: today,
        shouldCloseDialogAfterCancelTapped: true,
        weekdayLabelTextStyle: AppFonts.commonText,
        selectedDayHighlightColor: AppColors.green_0,
        selectedDayTextStyle: AppFonts.commonText,
        dayTextStyle: AppFonts.commonText,
      ),
      dialogSize: Size(
        500.w,
        500.h,
      ),
    );

and it shows empty dialog window:

what I did wrong?

Thanks!

Thank you for your wonderful library!

Describe the bug Error occurs when moving the focus with the keyboard. It is reproduced by pressing the left/right key after moving the focus to the calendar section with the Tab key.

════════ Exception caught by services library ══════════════════════════════════
The following assertion was thrown while processing the key message handler:
'package:calendar_date_picker2/src/widgets/calendar_date_picker2.dart': Failed assertion: line 680 pos 12: '_focusedDay != null': is not true.

When the exception was thrown, this was the stack
#2      _MonthPickerState._handleDirectionFocus
#3      CallbackAction.invoke
#4      ActionDispatcher.invokeAction
#5      ShortcutManager.handleKeypress
#6      _ShortcutsState._handleOnKey
#7      FocusManager._handleKeyMessage
#8      KeyEventManager._dispatchKeyMessage
#9      KeyEventManager.handleRawKeyMessage
#10     BasicMessageChannel.setMessageHandler.<anonymous closure>
#11     BasicMessageChannel.setMessageHandler.<anonymous closure>
#12     _DefaultBinaryMessenger.setMessageHandler.<anonymous closure>
#13     _DefaultBinaryMessenger.setMessageHandler.<anonymous closure>
#14     _invoke2.<anonymous closure> (dart:ui/hooks.dart:190:15)
#18     _invoke2 (dart:ui/hooks.dart:189:10)
#19     _ChannelCallbackRecord.invoke (dart:ui/channel_buffers.dart:42:5)
#20     _Channel.push (dart:ui/channel_buffers.dart:132:31)
#21     ChannelBuffers.push (dart:ui/channel_buffers.dart:329:17)
#22     PlatformDispatcher._dispatchPlatformMessage (dart:ui/platform_dispatcher.dart:589:22)
#23     _dispatchPlatformMessage (dart:ui/hooks.dart:89:31)
(elided 5 frames from class _AssertionError and dart:async)
KeyMessage: KeyMessage([KeyDownEvent#fc994(physicalKey: PhysicalKeyboardKey#7004f(usbHidUsage: "0x0007004f", debugName: "Arrow Right"), logicalKey: LogicalKeyboardKey#00303(keyId: "0x100000303", keyLabel: "Arrow Right", debugName: "Arrow Right"), character: "UIKeyInputRightArrow", timeStamp: 64:51:42.543241)])
════════════════════════════════════════════════════════════════════════════════

════════ Exception caught by services library ══════════════════════════════════
'package:calendar_date_picker2/src/widgets/calendar_date_picker2.dart': Failed assertion: line 680 pos 12: '_focusedDay != null': is not true.
════════════════════════════════════════════════════════════════════════════════

Platforms (please complete the following information):

• Platforms: [iOS, Mac]

Minimum Reproduceable Repo

import 'package:calendar_date_picker2/calendar_date_picker2.dart';
import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  final _selected = ValueNotifier('pick!');
  MyApp({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: Center(
            child: ValueListenableBuilder<String>(
                valueListenable: _selected,
                builder: (_, selected, __) {
                  return Text(selected);
                })),
        floatingActionButton: Builder(builder: (context) {
          return FloatingActionButton(
            child: const Icon(Icons.calendar_today),
            onPressed: () async {
              final results = await showCalendarDatePicker2Dialog(
                context: context,
                config: CalendarDatePicker2WithActionButtonsConfig(
                  calendarType: CalendarDatePicker2Type.range,
                  shouldCloseDialogAfterCancelTapped: true,
                ),
                dialogSize: const Size(325, 400),
                borderRadius: 15,
              );
              if (results != null) {
                _selected.value = results.toString();
              }
            },
          );
        }),
      ),
    );
  }
}

Describe the bug It seems that the package ignore the apps locale when displaying the datepicker and shows it in english.

To Reproduce Steps to reproduce the behavior:

1. Set other than english locale for the app.
2. Implement CalendarDatePicker2Dialog

var results = await showCalendarDatePicker2Dialog(
                              context: context,
                              config: CalendarDatePicker2WithActionButtonsConfig(
                                calendarType: CalendarDatePicker2Type.range,
                                selectedDayHighlightColor:
                                    Color(AppColors.yellow),
                                okButton: Text('Выбрать'),
                                cancelButton: Text('Отмена'),
                              ),
                              dialogSize: Size(
                                  MediaQuery.of(context).size.width * 0.9, 400),
                              initialValue: [],
                              borderRadius: 10,
                            );

3. Call the function and open date picker

Expected behavior Open the date picker and see that the days, months and weeks format is shown in the language of the apps locale.

Actual Behaviour The datepicker shows everything in english.

I can see inside the CalendarDatePicker2 widget that you use MaterialLocalizations _localizations, however, it ignores the app's locale.

I even called print(MaterialLocalizations.of(context).narrowWeekdays); in the same widget I call the date picker and the print result is as expected - it shows the days in the language of the app, but the date picker is still in english.

Screenshots

Platforms (please complete the following information):

• Platforms: both IOS and Android

var results = await showCalendarDatePicker2Dialog( context: context, config: CalendarDatePicker2WithActionButtonsConfig( calendarType: CalendarDatePicker2Type.range, lastDate: DateTime.now(), shouldCloseDialogAfterCancelTapped: true, okButton: InkWell( onTap: () { print('Get Selection Date=====>>>'); }, child: Text('OK'), dialogSize: Size(400, 400), borderRadius: BorderRadius.circular(15), );

this is my code.

Please, anyone let me know if any idea. 
Thank you in advance.

This package seems promising, it would be great if we added default dark mode color scheme and make the current default theme as light mode.

Also the capability of changing the background color of the dialog should be added.

Enhancement for selectedYearTextStyle.

Reason: Previously it was not possible to change the text style of the selected year, so it looked inconsistent if using a custom selectedDayTextStyle.

Added new parameter selectedYearTextStyle and implemented it into calendar_date_picker2.dart, updated Readme.md