Calendar Planner View #

A customizable daily calendar planner view with time-based events and Material 3 design.

Features #

• Time-based daily calendar view
• Month and week view modes
• Customizable event display
• Material 3 design support
• Light and dark mode support
• Customizable date picker
• Sticky time labels
• Event dot indicators
• Responsive layout
• Theme-aware styling
• Localization support
• Flutter Hooks integration

Installation #

Add this to your package's pubspec.yaml file:

dependencies:
  calendar_planner_view: ^0.1.0

Usage #

import 'package:calendar_planner_view/calendar_planner_view.dart';

// Basic usage
CalendarPlannerView(
  events: myEvents,
  onEventTap: (event) => print('Event tapped: $event'),
  datePickerPosition: DatePickerPosition.top,
  showStickyTimeLabels: true,
)

// Advanced usage with customization
CalendarPlannerView(
  events: myEvents,
  onEventTap: (event) => print('Event tapped: $event'),
  datePickerPosition: DatePickerPosition.modal,
  showStickyTimeLabels: true,
  startHour: 8,
  endHour: 20,
  showDayTitle: true,
  enableViewToggle: true,
  initialView: CalendarViewType.week,
  dotColor: Colors.blue,
  modalBackgroundColor: Colors.white,
  modalTitleStyle: TextStyle(
    color: Colors.black,
    fontWeight: FontWeight.bold,
  ),
)

Live Demo #

Check out the live demo to see the calendar planner view in action.

Dependencies #

• Flutter SDK
• intl: ^0.18.1
• table_calendar: ^3.0.9
• flutter_hooks: ^0.20.3

Contributing #

Contributions are welcome! Please feel free to submit a Pull Request. For major changes, please open an issue first to discuss what you would like to change.

License #

This project is licensed under the MIT License - see the LICENSE file for details.