custom_calendar_viewer 0.0.6

Amazing package help you to view your plans or important dates in calendar.

Custom Calendar Viewer

• Amazing package help you to view your plans or important dates in calendar.

Installation

Add this to your pubspec.yaml:

dependencies:
  custom_calendar_viewer: ^Last Version

Features

• Amazing package help you to view your plans or important dates in calendar.
• You can add multi dates or multi ranges.
• you can handle the color for each date or you can use active color to give one color for all.
• you can use your own style for each text.
• The package have animation when you moving between months.
• With this package really you will be able to control your calendar view.

Getting started

import 'package:custom_calendar_viewer/custom_calendar_viewer.dart';

void main() {

}

// Start use th package in your State Widget

What you can handle

final List<DateTime>? dates;
final List<RangeDate>? ranges;
final List<Color>? datesColors;
final List<Color>? rangesColors;
final List<Color>? datesTextColors;
final List<Color>? rangeTextColors;
final Color activeColor;
final Color dropArrowColor;
final Color movingArrowColor;
final Color headerBackground;
final Color daysHeaderBackground;
final Color daysBodyBackground;
final Border? currentDayBorder;
final Border? dayBorder;
final bool showCurrentDayBorder;
final double dropArrowSize;
final double movingArrowSize;
final double radius;
final TextStyle headerStyle;
final TextStyle dayNameStyle;
final TextStyle dayNumStyle;
final TextStyle activeDayNumStyle;
final TextStyle dropDownYearsStyle;
final String local;
final Duration duration;
final Duration yearDuration;
final double headerMarginLeft;
final double headerMarginRight;
final double headerMarginTop;
final double headerMarginBottom;
final double daysMarginLeft;
final double daysMarginRight;
final double daysMarginTop;
final double daysMarginBottom;

Usage

For Full Example Go To Example Tap

CustomCalendarViewer(
          dates: [
            DateTime.now().subtract(const Duration(days: 2)),
            DateTime.now().subtract(const Duration(days: 3)),
            DateTime.now().subtract(const Duration(days: 5)),
            DateTime.now().add(const Duration(days: 16)),
            DateTime.now().add(const Duration(days: 18)),
            DateTime.now().add(const Duration(days: 19)),
            DateTime.now().add(const Duration(days: 24)),
          ],
          datesColors: const [
            Colors.amber,
            Colors.red,
            Colors.amber,
            Colors.blue,
            Colors.red,
            Colors.amber,
            Colors.amber,
          ],
          ranges: [
            RangeDate(start: DateTime.now(), end: DateTime.now().add(const Duration(days: 4))),
            RangeDate(start: DateTime.now().add(const Duration(days: 6)), end: DateTime.now().add(const Duration(days: 11))),
            RangeDate(start: DateTime.now().add(const Duration(days: 13)), end: DateTime.now().add(const Duration(days: 15))),
          ],
          rangesColors: const [
            Colors.red,
            Colors.amber,
            Colors.blue,
          ],
          showCurrentDayBorderColor: false,
),

Additional information

• Say to me in GitHub what you need to see in the package in the next update.
• Wait for more feature soon.

Author

Loay Omar