Search packages, repositories and app categories

ducafecatFlutter ecosystem guide
flutter_calendar_week cover
Package detailsv4.0.1

flutter_calendar_week

Flutter calendar week UI package

AndroidiOSWebmacOSWindowsLinux
pub.dev API documentation Source code
30-day downloads
529
Likes
41
Pub points
140

Install package

flutter pub add flutter_calendar_week

Package Overview

Package selection guidance compiled from public package information, community data, and project usage.

A Flutter package that provides a customizable week-based calendar UI, ideal for displaying and interacting with weekly schedules. It supports multiple platforms including Android, iOS, Web, macOS, Windows, and Linux. The package offers a clean, responsive layout for viewing days of the week with optional date selection and styling. Designed for developers seeking a lightweight solution to integrate weekly calendar views into their apps without complex setup.

Use cases

  • Displaying weekly schedules
  • Integrating week-based planning features
  • Building appointment or task management apps
  • Creating time-tracking interfaces
  • Implementing recurring event calendars

Key features

  • Week view layout
  • Cross-platform compatibility
  • Customizable styling
  • Date selection support
  • Responsive design

Suitable for

  • Developers building calendar apps
  • Teams needing weekly planning tools
  • Apps requiring time-based data visualization
  • Frontend designers focused on UI consistency
  • Projects targeting multiple operating systems

Considerations

  • Limited to week-level views
  • No built-in event management
  • Requires manual handling of date logic
  • Not suitable for month or year views
  • Basic interaction compared to full calendar libraries

Original README

Original README snapshot from the linked source repository. Visit the repository for the latest content.

Flutter calendar week

Flutter calendar week UI package

Screenshot:

import 'package:flutter_calendar_week/flutter_calendar_week.dart';

CalendarWeek(
              controller: CalendarWeekController(),
              height: 100,
              showMonth: true,
              minDate: DateTime.now().add(
                Duration(days: -365),
              ),
              maxDate: DateTime.now().add(
                Duration(days: 365),
              ),
              
              onDatePressed: (DateTime datetime) {
                // Do something
              },
              onDateLongPressed: (DateTime datetime) {
               // Do something
              },
              onWeekChanged: () {
                // Do something
              },
              monthViewBuilder: (DateTime time) => Align(
                  alignment: FractionalOffset.center,
                  child: Container(
                      margin: const EdgeInsets.symmetric(vertical: 4),
                      child: Text(
                        DateFormat.yMMMM().format(time),
                        overflow: TextOverflow.ellipsis,
                        textAlign: TextAlign.center,
                        style: TextStyle(
                            color: Colors.blue, fontWeight: FontWeight.w600),
                      )),
                ),
              decorations: [
                DecorationItem(
                    decorationAlignment: FractionalOffset.bottomRight,
                    date: DateTime.now(),
                    decoration: Icon(
                      Icons.today,
                      color: Colors.blue,
                    )),
                DecorationItem(
                    date: DateTime.now().add(Duration(days: 3)),
                    decoration: Text(
                      'Holiday',
                      style: TextStyle(
                        color: Colors.brown,
                        fontWeight: FontWeight.w600,
                      ),
                    )),
              ],
            )

Categories

Calendar

Dependencies

Dependency list 1 items

Source repository

Projects using this package

No data available yet.