you could create your own calendar widget based on streak_calendar: ^1.1.2
Here is some code you can base it on, you will have to change it so instead of using icons for positive/negative to uses your images.
import 'package:intl/intl.dart';\n\nclass HappyHistoryCalendar extends StatefulWidget {\n  const HappyHistoryCalendar({\n    super.key,\n    this.width,\n    this.height,\n    required this.completedDates,\n    this.monthNameColor = Colors.black,\n    this.dayNameColor = Colors.black,\n    this.fontSize = 12.0,\n    this.dayNumberColor = Colors.white,\n    required this.eventIcon,\n    required this.noEventIcon,\n    this.headingFontSize = 16.0,\n    required this.previousMonthIcon,\n    required this.nextMonthIcon,\n  });\n\n  final double? width;\n  final double? height;\n  final List<DateTime> completedDates; // List of dates with events\n  final Color monthNameColor; // Color for the month name\n  final Color dayNameColor; // Color for the day names\n  final double fontSize; // Font size for text\n  final Color dayNumberColor; // Color for the day numbers\n  final Widget eventIcon; // Widget for the event icon\n  final Widget noEventIcon; // Widget for the non-event icon\n  final double headingFontSize;\n  final Widget\n      previousMonthIcon; // Widget for the \"previous month\" navigation icon\n  final Widget nextMonthIcon; // Widget for the \"next month\" navigation icon\n\n  @override\n  State<HappyHistoryCalendar> createState() => _HappyHistoryCalendarState();\n}\n\n////////////////////////////////////////////////////////////////////////////////////////////////////\n//  HappyHistoryCalendarState\n////////////////////////////////////////////////////////////////////////////////////////////////////\n\nclass _HappyHistoryCalendarState extends State<HappyHistoryCalendar> {\n  DateTime _currentDate = DateTime.now();\n  int _calendarMonthNumber = 0; // To track the month number (1-12)\n  int _calendarYear = 0; // To track the year\n  late DateTime _startOfMonth; // To track the start of the month\n\n  @override\n  void initState() {\n    super.initState();\n    _calendarMonthNumber = _currentDate.month;\n    _calendarYear = _currentDate.year;\n    _startOfMonth = DateTime(\n        _calendarYear, _calendarMonthNumber, 1); // Calculate start of the month\n  }\n\n  void _updateStartOfMonth() {\n    setState(() {\n      _startOfMonth = DateTime(_calendarYear, _calendarMonthNumber,\n          1); // Recalculate start of the month\n    });\n  }\n\n  List<DateTime?> _getDaysInMonthWithPadding(DateTime month) {\n    final firstDayOfMonth = DateTime(month.year, month.month, 1);\n    final lastDayOfMonth = DateTime(month.year, month.month + 1, 0);\n\n    final firstWeekday = firstDayOfMonth.weekday; // Monday = 1, ..., Sunday = 7\n    final lastWeekday = lastDayOfMonth.weekday;\n\n    // Create padding before the first day\n    final leadingPadding = List<DateTime?>.filled(firstWeekday - 1, null);\n\n    // Create days in the month\n    final daysInMonth = List<DateTime?>.generate(\n      lastDayOfMonth.day,\n      (index) => DateTime(month.year, month.month, index + 1),\n    );\n\n    // Create padding after the last day\n    final trailingPadding = List<DateTime?>.filled(7 - lastWeekday, null);\n\n    return [...leadingPadding, ...daysInMonth, ...trailingPadding];\n  }\n\n  List<String> _getDayHeaders() {\n    return ['Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa', 'Su'];\n  }\n\n  // Click Event (day has events)\n  void _onEventDayClicked(DateTime selectedDate) {\n     print(\"Event clicked on: ${selectedDate.toIso8601String()}\");\n  }\n\n  // Click Event (day doesnt have events)\n  void _onNoEventDayClicked(DateTime selectedDate) {\n    print(\"No event day clicked: ${selectedDate.toIso8601String()}\");\n  }\n\n  // called when current month is changed.\n  void _onMonthChange() {\n    print(\"Month changed\");\n  }\n\n  @override\n  Widget build(BuildContext context) {\n    final daysWithPadding = _getDaysInMonthWithPadding(_startOfMonth);\n    final headers = _getDayHeaders();\n\n    return Column(\n      children: [\n        // Month and Navigation Row\n        Padding(\n          padding: const EdgeInsets.symmetric(horizontal: 8.0, vertical: 16.0),\n          child: Row(\n            children: [\n              // Month Name\n              Expanded(\n                child: Text(\n                  DateFormat.yMMMM().format(_startOfMonth),\n                  style: TextStyle(\n                    fontSize: widget\n                        .headingFontSize, // Slightly larger for month name\n                    fontWeight: FontWeight.bold,\n                    color: widget.monthNameColor,\n                  ),\n                ),\n              ),\n              // Navigation Arrows\n              Row(\n                children: [\n                  GestureDetector(\n                    onTap: () {\n                      setState(() {\n                        if (_calendarMonthNumber == 1) {\n                          _calendarMonthNumber = 12;\n                          _calendarYear -= 1;\n                        } else {\n                          _calendarMonthNumber -= 1;\n                        }\n                        _updateStartOfMonth();\n                      });\n                    },\n                    child: widget.previousMonthIcon,\n                  ),\n                  SizedBox(width: 30),\n                  GestureDetector(\n                    onTap: () {\n                      setState(() {\n                        if (_calendarMonthNumber == 12) {\n                          _calendarMonthNumber = 1;\n                          _calendarYear += 1;\n                        } else {\n                          _calendarMonthNumber += 1;\n                        }\n                        _updateStartOfMonth();\n                      });\n                    },\n                    child: widget.nextMonthIcon,\n                  ),\n                ],\n              ),\n            ],\n          ),\n        ),\n        // Days of the Week Header\n        Row(\n          mainAxisAlignment: MainAxisAlignment.spaceAround,\n          children: headers\n              .map(\n                (day) => Expanded(\n                  child: Center(\n                    child: Text(\n                      day,\n                      style: TextStyle(\n                        fontSize: widget.fontSize,\n                        fontWeight: FontWeight.w600,\n                        color: widget.dayNameColor,\n                      ),\n                    ),\n                  ),\n                ),\n              )\n              .toList(),\n        ),\n        // Calendar Grid\n        Expanded(\n          child: GridView.builder(\n            shrinkWrap: true,\n            physics: NeverScrollableScrollPhysics(),\n            gridDelegate:\n                SliverGridDelegateWithFixedCrossAxisCount(crossAxisCount: 7),\n            itemCount: daysWithPadding.length,\n            itemBuilder: (context, index) {\n              final day = daysWithPadding[index];\n              final hasEvent = day != null &&\n                  widget.completedDates.any((date) =>\n                      date.year == day.year &&\n                      date.month == day.month &&\n                      date.day == day.day);\n\n              return day == null\n                  ? SizedBox() // Empty cell for padding\n                  : GestureDetector(\n                      onTap: () {\n                        if (hasEvent) {\n                          _onEventDayClicked(day!);\n                        } else {\n                          _onNoEventDayClicked(day!);\n                        }\n                      },\n                      child: Tooltip(\n                        message:\n                            hasEvent ? 'Habits Completed' : 'Self Love Day',\n                        child: Column(\n                          mainAxisAlignment: MainAxisAlignment.center,\n                          children: [\n                            Text(\n                              day.day.toString(),\n                              style: TextStyle(\n                                fontSize: widget.fontSize,\n                                color: widget.dayNumberColor,\n                              ),\n                            ),\n                            SizedBox(\n                                height: 5), // Added padding below day number\n                            hasEvent\n                                ? widget.eventIcon // Event icon widget\n                                : widget.noEventIcon, // Non-event icon widget\n                          ],\n                        ),\n                      ),\n                    );\n            },\n          ),\n        ),\n      ],\n    );\n  }\n}\n
Check in calendar
