showDateRangePickerDialog function

Future<DateRange?> showDateRangePickerDialog({
  1. required String cancelText,
  2. required String confirmText,
  3. required BuildContext context,
  4. required DateRangerPickerWidgetBuilder builder,
  5. Color barrierColor = Colors.transparent,
  6. Widget footerBuilder({
    1. DateRange? selectedDateRange,
    })?,
  7. Offset? offset,
})

A function to show the dateRange picker dialog.

  • context - The context of the dialog.
  • builder - A builder to construct the date range picker widget.
  • barrierColor - The color of the barrier.
  • footerBuilder - A builder to construct the footer widget of the dialog.
  • offset - The offset of the dialog from the widget.
  • onDateRangeSelected - Called when a date range is selected.

Implementation

Future<DateRange?> showDateRangePickerDialog({
  required String cancelText,
  required String confirmText,
  required BuildContext context,
  required DateRangerPickerWidgetBuilder builder,
  Color barrierColor = Colors.transparent,
  Widget Function({DateRange? selectedDateRange})? footerBuilder,
  Offset? offset,
}) {
  return showGeneralDialog(
    context: context,
    barrierLabel: 'DateRangePickerDialogBarrier',
    barrierColor: barrierColor,
    barrierDismissible: true,
    pageBuilder: (_, __, ___) {
      return Stack(
        children: [
          Positioned(
            top: offset?.dy ?? 0,
            left: offset?.dx ?? 0,
            child: DateRangePickerDialog(
              cancelText: cancelText,
              confirmText: confirmText,
              builder: builder,
              // footerBuilder: footerBuilder ?? DateRangePickerDialogFooter(cancelText: "",),/// .new
              // footerBuilder: DateRangePickerDialogFooter.new,/// .new
              footerBuilder: DateRangePickerDialogFooter(cancelText: cancelText,),/// .new
            ),
          ),
        ],
      );
    },
  );
}