calender_date_picker_view.dart

Go to the documentation of this file.

import 'package:connect/core/localization/app_localizations.dart';
 
import '/core/ui/widgets/custom_action_slider.dart';
import '/core/ui/widgets/custom_snackbar.dart';
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:syncfusion_flutter_datepicker/datepicker.dart';
 
class CalendarView extends StatefulWidget {
  const CalendarView({
    super.key,
    required this.selectedDates,
    this.startDate,
    this.endDate,
  });
 
  final DateTime? startDate;
  final DateTime? endDate;
  final Function(DateTime? startDate, DateTime? endDate) selectedDates;
 
  @override
  State<CalendarView> createState() => _CalendarViewState();
}
 
class _CalendarViewState extends State<CalendarView> {
  DateTime? startDate;
  DateTime? endDate;
 
  @override
  void initState() {
    startDate = widget.startDate;
    endDate = widget.endDate;
    super.initState();
  }
 
  @override
  Widget build(BuildContext context) {
    return Container(
      decoration: BoxDecoration(
        gradient: LinearGradient(
          begin: Alignment.topCenter,
          end: Alignment.center,
          colors: [
            Theme.of(context).colorScheme.surface.withOpacity(0.5),
            Theme.of(context).scaffoldBackgroundColor,
          ],
        ),
      ),
      padding: EdgeInsets.symmetric(
        horizontal: 25.sp,
        vertical: 20.sp,
      ),
      child: Column(
        mainAxisSize: MainAxisSize.min,
        children: [
          SfDateRangePicker(
            headerHeight: 40.sp,
            headerStyle: DateRangePickerHeaderStyle(
              backgroundColor: Colors.transparent,
              textStyle: Theme.of(context).textTheme.bodySmall?.copyWith(
                    color: Theme.of(context).colorScheme.primary,
                  ),
            ),
            monthCellStyle: DateRangePickerMonthCellStyle(
              textStyle: Theme.of(context).textTheme.bodySmall?.copyWith(
                  //  color: Theme.of(context)..withOpacity(0.7),
                  ),
            ),
            selectionTextStyle: Theme.of(context).textTheme.bodySmall?.copyWith(
                  color: Theme.of(context).colorScheme.onPrimary,
                  fontSize: 10.sp,
                  fontWeight: FontWeight.bold,
                ),
            monthViewSettings: DateRangePickerMonthViewSettings(
              viewHeaderStyle: DateRangePickerViewHeaderStyle(
                textStyle: Theme.of(context).textTheme.bodySmall?.copyWith(
                    // color: ColorPalette.black.withOpacity(0.5),
                    ),
              ),
              weekNumberStyle: DateRangePickerWeekNumberStyle(
                textStyle: Theme.of(context).textTheme.bodySmall?.copyWith(),
              ),
            ),
            todayHighlightColor: Theme.of(context).colorScheme.primary,
            showTodayButton: false,
            onSelectionChanged: _onSelectionChanged,
            initialDisplayDate: widget.startDate,
            selectionMode: DateRangePickerSelectionMode.range,
            initialSelectedRange: PickerDateRange(
              widget.startDate,
              widget.endDate,
            ),
          ),
          SizedBox(height: 15.sp),
          CustomSliderV2(
            text: AppLocalizations.of(context).translate('CONFIRM'),
            action: (action) {
              widget.selectedDates(startDate, endDate);
            },
          ),
        ],
      ),
    );
  }
 
  bool validateDates({DateTime? startDate, DateTime? endDate}) {
    showWarningSnackBar(String message) {
      CustomSnackBar.display(
        context,
        Theme.of(context).hintColor,
        message,
      );
    }
 
    if (startDate != null && endDate != null) {
      if (startDate.millisecondsSinceEpoch > endDate.millisecondsSinceEpoch) {
        showWarningSnackBar(
          AppLocalizations.of(context)
              .translate('Start date cannot be greater than end date'),
        );
        return false;
      }
 
      if (startDate.millisecondsSinceEpoch > endDate.millisecondsSinceEpoch) {
        showWarningSnackBar(
          AppLocalizations.of(context)
              .translate('Start date cannot be greater than end date'),
        );
        return false;
      }
 
      int differenceInMonths = (endDate.year - startDate.year) * 12 +
          endDate.month -
          startDate.month;
      if (differenceInMonths > 2) {
        showWarningSnackBar(
          AppLocalizations.of(context)
              .translate('Please select a duration less than 3 months'),
        );
        return false;
      }
    } else {
      showWarningSnackBar(
        AppLocalizations.of(context)
            .translate('Please select both start and end date'),
      );
      return false;
    }
 
    this.startDate = startDate;
    this.endDate = endDate;
 
    return true;
  }
 
  void _onSelectionChanged(DateRangePickerSelectionChangedArgs args) {
    if (args.value is PickerDateRange) {
      startDate = args.value.startDate;
      endDate = args.value.endDate;
    }
  }
}