horizontal_weekly_calendar 1.2.5
horizontal_weekly_calendar: ^1.2.5 copied to clipboard
This is a simple horizontal weekly customizable calendar
βοΈ Support My Work! #
π horizontal_weekly_calendar v1.2.5 β All-New Features! #
v1.2.5 is here! This update brings two powerful new calendar types:
- TableWeeklyCalendar: A full table-style monthly calendar with week rows, focus dates, and custom header support.
- EventCalendar: A professional event calendar view with time slots, event blocks, and full customization.
All previous styles (Standard, Outlined, Minimal, Elevated) are still available and improved! Now you can showcase and compare all calendar types in your app.
π Horizontal Weekly Calendar #
π Project Overview #
A feature-rich, highly customizable horizontal calendar widget for Flutter applications, designed to provide seamless date selection and beautiful UI experiences.
Note: This widget supports multiple display modes and offers smooth animations!
π¨ Visual Demonstration #
β¨ Key Features #
- 6 Built-in Styles
- Standard
- Outlined
- Minimal
- Elevated
- TableWeeklyCalendar (NEW)
- EventCalendar (NEW)
Style | Preview |
---|---|
Standard | |
Outlined | |
Minimal | |
Elevated | |
Table Calendar | |
Event Calendar |
- Flexible Date Selection
- Month Navigation Controls
- Fully Customizable Theming
- Table & Event Views (NEW!)
- Focus Dates, Custom Headers, and More!
π What's New in 1.2.5 #
- TableWeeklyCalendar: Display a full month in a table layout, highlight focus dates, and add custom headers.
- EventCalendar: Show events in a time-grid, with custom event widgets and time slots.
- Improved Example App: See all calendar types side-by-side for easy comparison.
- Bug Fixes & Performance Improvements
π§ Installation #
Add to your pubspec.yaml
:
dependencies:
horizontal_weekly_calendar: ^1.2.5
π‘ Quick Start #
HorizontalWeeklyCalendar(
initialDate: DateTime.now(),
selectedDate: _selectedDate,
onDateSelected: (date) => setState(() => _selectedDate = date),
)
π Customization Options #
Style Configuration #
HorizontalCalendarStyle(
activeDayColor: Colors.blue,
dayIndicatorSize: 40,
monthHeaderStyle: TextStyle(
fontSize: 18,
fontWeight: FontWeight.bold,
),
)
π Theming Support #
The calendar adapts seamlessly to your app's theme:
Theme(
data: ThemeData(
colorScheme: ColorScheme.light(
primary: Colors.purple,
secondary: Colors.orange,
),
),
child: HorizontalWeeklyCalendar(...),
)
π API Reference #
Parameter | Description | Type | Required |
---|---|---|---|
initialDate |
Starting display month | DateTime |
β |
selectedDate |
Currently selected date | DateTime |
β |
onDateSelected |
Date selection callback | Function(DateTime) |
β |
calendarType |
Display style type | HorizontalCalendarType |
β |
π€ Contributing #
Contributions are welcome! Please follow these steps:
- π΄ Fork the repository
- πΏ Create a feature branch
- πΎ Commit your changes
- π€ Push to the branch
- π Open a Pull Request
π License #
MIT License - See LICENSE
file for details.
Crafted with β€οΈ by github.com/ahmedzaeem