feat: add ZetaCalendar component and usage example#429
Open
Ashish3789 wants to merge 9 commits into
Open
Conversation
- Implement ZetaCalendar widget with dual-month inline date range selection - Support initialStartDate, initialEndDate, minDate, maxDate props - Add onRangeChanged, onApply, onCancel, and onReset callbacks - Include year/month picker overlay via ZetaCalendarYearPicker - Add CalendarExample page demonstrating range selection, apply, cancel, and reset interactions
Contributor
PR Checks complete
Created with Flutter code quality action |
Contributor
There was a problem hiding this comment.
Pull request overview
This PR introduces a new inline, dual-month date range selection component (ZetaCalendar) to the Zeta Flutter component library, along with a year/month picker overlay and an example page demonstrating common interactions (range selection, reset, cancel, apply).
Changes:
- Added
ZetaCalendarwidget with dual-month range selection, min/max bounds, and footer actions. - Added internal calendar building blocks (
ZetaCalendarMonth,ZetaCalendarDay,ZetaCalendarYearPicker). - Added a new
CalendarExamplepage and wired it into the example app’s component routing.
Reviewed changes
Copilot reviewed 11 out of 11 changed files in this pull request and generated 16 comments.
Show a summary per file
| File | Description |
|---|---|
| packages/zeta_flutter/lib/zeta_components.dart | Exports the new calendar component from the library barrel. |
| packages/zeta_flutter/lib/src/components/calendar/calendar.dart | Implements the main dual-month calendar with range selection, navigation, and actions. |
| packages/zeta_flutter/lib/src/components/calendar/calendar_year_picker.dart | Adds an overlay year/month picker used by the calendar header. |
| packages/zeta_flutter/lib/src/components/calendar/calendar_month.dart | Renders a month grid and computes per-day visual states (disabled/in-range/etc.). |
| packages/zeta_flutter/lib/src/components/calendar/calendar_day.dart | Renders individual day cells with selection/range styling. |
| example/lib/pages/components/calendar_example.dart | Demonstrates calendar usage and interactions in the example app. |
| example/lib/config/components_config.dart | Registers the new Calendar example route and deferred import. |
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
Contributor
|
Visit the preview URL for this PR (updated for commit 0b4cba0): https://zeta-flutter-main--pr-429-wfcng-48025-2n8b2yk0.web.app (expires Fri, 29 May 2026 09:34:55 GMT) 🔥 via Firebase Hosting GitHub Action 🌎 Sign: 5ca681de0a0ad9185b252304c113355d5ee04ca6 |
KG3497
approved these changes
May 22, 2026
…etbook Enhance `packages/zeta_flutter/lib/src/components/calendar/calendar.dart` with configurable multi-month display, initial range support, min/max bounds, range callbacks, and apply/cancel/reset actions. Add `widgetbook/lib/src/components/calendar.widgetbook.dart` use case to preview `ZetaCalendar` with knobs (including pre-selected range and month count). Add `example/lib/pages/components/calendar_example.dart` to demonstrate interactive range selection, formatted selected state, and action feedback.
…etbook Enhance `packages/zeta_flutter/lib/src/components/calendar/calendar.dart` with configurable multi-month display, initial range support, min/max bounds, range callbacks, and apply/cancel/reset actions. Add `widgetbook/lib/src/components/calendar.widgetbook.dart` use case to preview `ZetaCalendar` with knobs (including pre-selected range and month count). Add `example/lib/pages/components/calendar_example.dart` to demonstrate interactive range selection, formatted selected state, and action feedback.
…etbook Enhance `packages/zeta_flutter/lib/src/components/calendar/calendar.dart` with configurable multi-month display, initial range support, min/max bounds, range callbacks, and apply/cancel/reset actions. Add `widgetbook/lib/src/components/calendar.widgetbook.dart` use case to preview `ZetaCalendar` with knobs (including pre-selected range and month count). Add `example/lib/pages/components/calendar_example.dart` to demonstrate interactive range selection, formatted selected state, and action feedback.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
calendar_component_example.mp4