alh_calendar 1.1.0
alh_calendar: ^1.1.0 copied to clipboard
A package for creating a custom calendar-widget. Builder-methods make it possible to design the calendar according to the given situation.
import 'dart:core';
import 'dart:developer';
import 'package:alh_calendar/enums/day_of_week.dart';
import 'package:alh_calendar/models/calendar_day_builder_model.dart';
import 'package:alh_calendar/utils/focused_border_style.dart';
import 'package:alh_calendar/widgets/alh_calendar.dart';
import 'package:alh_calendar_example/calendar_day.dart';
import 'package:flutter/material.dart';
import 'package:intl/intl.dart';
import 'calendar_header_title.dart';
void main() {
runApp(const MyApp());
}
class MyApp extends StatefulWidget {
const MyApp({super.key});
@override
State<MyApp> createState() => _MyAppState();
}
class _MyAppState extends State<MyApp> {
final dayMap = {
DayOfWeek.monday: 'Mon',
DayOfWeek.thursday: 'Thu',
DayOfWeek.wednesday: 'Wen',
DayOfWeek.tuesday: 'Tue',
DayOfWeek.friday: 'Fri',
DayOfWeek.saturday: 'Sat',
DayOfWeek.sunday: 'Sun',
};
@override
void initState() {
super.initState();
}
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
appBar: AppBar(title: const Text('Plugin example app')),
body: SingleChildScrollView(
child: Column(
children: [
Card(
margin: const EdgeInsets.all(10),
child: Padding(
padding: const EdgeInsets.all(8.0),
child: AlhCalendar(
focusedBorderStyle: const FocusedBorderStyle(
color: Colors.blue,
headerBorderRadius: BorderRadius.all(Radius.circular(80)),
),
showFocusedBorder: true,
minSelectableDate: DateTime.now().subtract(
const Duration(days: 2 * 30),
),
maxSelectableDate: DateTime.now().add(
const Duration(days: 10 * 30),
),
disablePreviousMonthFromDate: DateTime.now().subtract(
const Duration(days: 2 * 30 + 5),
),
disableNextMonthFromDate: DateTime.now().add(
const Duration(days: 10 * 30 + 5),
),
headerLeading: const Icon(Icons.chevron_left),
headerTrailing: const Icon(Icons.chevron_right),
daysOfWeek: dayMap,
onMonthChanged: (selectedMonth) {
log('MONTH HAS CHANGED $selectedMonth');
},
onDayChanged: (selectedDay) {
log('SELECTED DATE: $selectedDay');
},
dayOfWeekBuilder: (String dayOfWeek, bool isWeekEnd) {
return Center(
child: Padding(
padding: const EdgeInsets.all(8.0),
child: Text(
dayOfWeek,
style: TextStyle(
color:
isWeekEnd
? Colors.blueAccent
: Colors.redAccent,
),
),
),
);
},
headerBuilder: (DateTime date) {
return CalendarHeaderTitle(
displayMonth: DateFormat(
'MMMM yyyy',
'en_Us',
).format(date),
);
},
dayBuilder: (
CalendarDayBuilderModel calendarDayBuilderModel,
) {
return CalendarDay(
calendarDayBuilderModel: calendarDayBuilderModel,
);
},
),
),
),
],
),
),
),
);
}
}