dartpub.dev DartNative · beta
plugins / calendar_kit
ca

calendar_kit

v0.1.0 MIT

Reusable month, week, day, and agenda calendar views for DartNative apps.

calendar_kit provides four ready-to-use calendar views for DartNative apps — Month, Week, Day, and Agenda (Timeline) — with today highlighted, per-date event indicators, time-grid layout with side-by-side overlap handling, and a live current-time indicator on the day view. Each view is a plain content widget (no Scaffold/AppBar of its own), so it drops into a tab, a page, or any layout you already have. Pass your own List<CalendarEvent> — sourced from an API, a database, or anywhere else — and the views render immediately; no native platform code required. See the example/ app for a full showcase that tabs between all four views.

by jboylabo/calendar_kit · DartNative ≥ 3.0 · updated 1 week ago
Install
Free
pubspec.yaml 
dependencies:
  calendar_kit:
    hosted: https://dartpub.dev
    version: ^0.1.0
Weekly installs
0
Active apps
2
Rating
0.0 · 0
Open issues
0
github.com/jboylabo/dartnative_calendar

calendar_kit

Reusable month, week, day, and agenda (timeline) calendar views for DartNative apps — today highlighted, per-date event indicators, time-grid layout with overlap handling, and a live current-time indicator on the day view.

Each view is a plain content widget (no Scaffold/AppBar of its own), so it drops into a tab, a page, or any layout you already have.

Install

Add a dependency on calendar_kit in your app's pubspec.yaml. Once published to dartpub.dev, a plain version dependency resolves it the same way the DartNative framework itself does:

dependencies:
  calendar_kit: ^0.1.0

Then fetch it with:

dn pub get

Usage

import 'package:calendar_kit/calendar_kit.dart';

final events = [
  CalendarEvent(
    id: 'evt-001',
    title: 'Meeting',
    start: DateTime(2026, 1, 10, 9),
    end: DateTime(2026, 1, 10, 10),
  ),
];

// Pick the view that fits your screen:
MonthCalendar(events: events);
WeekCalendar(events: events);
DayCalendar(events: events);
TimelineCalendar(events: events);

Public API

  • MonthCalendar({List<CalendarEvent> events}) — monthly grid with previous/next navigation and a selected-date event list.
  • WeekCalendar({List<CalendarEvent> events}) — seven-day time-axis view.
  • DayCalendar({List<CalendarEvent> events}) — single-day hourly timeline.
  • TimelineCalendar({List<CalendarEvent> events}) — chronological agenda list grouped by date.
  • CalendarEvent — id, title, start, end, optional description.
  • CalendarViewType — month / week / day / timeline enum, useful if you build your own switcher between views.

Example

See example/ for a full showcase app that tabs between all four views. Run it with:

cd example
dn pub get
dn run

License

MIT — see LICENSE.