showDateRangePicker function

Future<DateTimeRange<DateTime>?> showDateRangePicker({
  1. required BuildContext context,
  2. DateTime? firstDate,
  3. DateTime? lastDate,
  4. DateTimeRange<DateTime>? initialDateRange,
  5. DateTimeRange<DateTime>? initialRange,
  6. String title = 'Select Date Range',
})

Shows a date range picker modal with quick preset chips (Today, This Week, This Month, etc.).

final range = await showDateRangePicker(context);

Implementation

Future<DateTimeRange?> showDateRangePicker({
  required BuildContext context,
  DateTime? firstDate,
  DateTime? lastDate,
  DateTimeRange? initialDateRange,
  DateTimeRange? initialRange,
  String title = 'Select Date Range',
}) =>
    showModalBottomSheet<DateTimeRange>(
      context: context,
      isScrollControlled: true,
      backgroundColor: Colors.transparent,
      builder: (ctx) => _DateRangeBottomSheet(
        initialRange: initialDateRange ?? initialRange,
        title: title,
      ),
    );