multi_view_calendar 1.0.2 copy "multi_view_calendar: ^1.0.2" to clipboard
multi_view_calendar: ^1.0.2 copied to clipboard

A powerful Flutter calendar package with week, month, and year views. Highly customizable, responsive, and ideal for productivity, planner, and scheduling apps.

example/main.dart

import 'package:flutter/material.dart';
import 'package:multi_view_calendar/src/models/calendar_event.dart';
import 'package:multi_view_calendar/src/widget/multi_view_calendar_widget.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Multi View Calendar Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: const CalendarDemoPage(),
    );
  }
}

class CalendarDemoPage extends StatelessWidget {
  const CalendarDemoPage({super.key});

  @override
  Widget build(BuildContext context) {
    /// Demo events
    final now = DateTime.now();
    final events = [
      CalendarEvent(
        id: "928",
        title: 'Meeting with team hello',
        color: Colors.red,
        start: DateTime(now.year, now.month, 20, 1, 15),
        end: DateTime(now.year, now.month, 20, 2 + 1, 15),
      ),
      CalendarEvent(
        id: "2",
        title: 'Meeting with team',
        color: Colors.red,
        start: DateTime(now.year, now.month, now.day + 1, now.hour, 15),
        end: DateTime(now.year, now.month, now.day + 1, now.hour + 1, 15),
      ),
      CalendarEvent(
        id: "2.5",
        title: 'Calling with team',
        color: Colors.amber,
        start: DateTime(now.year, now.month, now.day + 2, now.hour, 15),
        end: DateTime(now.year, now.month, now.day + 2, now.hour + 2, 45),
      ),
      CalendarEvent(
        id: "2",
        title: 'Doctor appointment',
        color: Colors.blueAccent,
        start: DateTime(now.year, now.month, now.day + 2, now.hour, 15),
        end: DateTime(now.year, now.month, now.day + 2, now.hour + 1, 30),
      ),
      CalendarEvent(
        id: "3",
        title: 'Project deadline',
        color: Colors.deepOrange,
        start: now.add(const Duration(days: 3, hours: 2)),
        end: now.add(const Duration(days: 3, hours: 4)),
      ),
      CalendarEvent(
        id: "4",
        title: 'Test event pass day',
        color: Colors.lightBlueAccent,
        start: DateTime(now.year, now.month, now.day, 23, 15),
        end: DateTime(now.year, now.month, now.day + 1, 0, 30),
      ),
      CalendarEvent(
        id: "6",
        title: 'Test event pass day 2',
        color: Colors.lightBlueAccent,
        start: DateTime(now.year, now.month, now.day + 1, 23, 30),
        end: DateTime(now.year, now.month, now.day + 2, 4, 30),
      ),
      CalendarEvent(
        id: "5",
        title: 'Test event',
        color: Colors.lightBlueAccent,
        start: DateTime(now.year, now.month, now.day + 4, 23, 15),
        end: DateTime(now.year, now.month, now.day + 4, 23, 45),
      ),
    ];

    return Scaffold(
      appBar: AppBar(title: const Text('Demo Calendar')),
      body: MultiViewCalendar(
        initialDate: DateTime.now(),
        events: events,
      ),
    );
  }
}
2
likes
150
points
3
downloads

Publisher

unverified uploader

Weekly Downloads

A powerful Flutter calendar package with week, month, and year views. Highly customizable, responsive, and ideal for productivity, planner, and scheduling apps.

Repository (GitHub)
View/report issues

Documentation

API reference

License

MIT (license)

Dependencies

cupertino_icons, flutter, intl, shimmer_effects_plus

More

Packages that depend on multi_view_calendar