Performed selection validation, and made future dates disabled.

This commit is contained in:
Faris Armoush
2025-05-15 15:28:36 +03:00
parent 7a073f10aa
commit 5191c1e456
2 changed files with 37 additions and 9 deletions

View File

@ -121,6 +121,7 @@ class _MonthPickerWidgetState extends State<MonthPickerWidget> {
} }
Row _buildYearSelector() { Row _buildYearSelector() {
final currentYear = DateTime.now().year;
return Row( return Row(
mainAxisAlignment: MainAxisAlignment.center, mainAxisAlignment: MainAxisAlignment.center,
children: [ children: [
@ -134,17 +135,35 @@ class _MonthPickerWidgetState extends State<MonthPickerWidget> {
), ),
const Spacer(), const Spacer(),
IconButton( IconButton(
onPressed: () => setState(() => _currentYear = _currentYear - 1), onPressed: () {
setState(() {
_currentYear = _currentYear - 1;
});
},
icon: const Icon( icon: const Icon(
Icons.chevron_left, Icons.chevron_left,
color: ColorsManager.grey700, color: ColorsManager.grey700,
), ),
), ),
IconButton( IconButton(
onPressed: () => setState(() => _currentYear = _currentYear + 1), onPressed: _currentYear < currentYear
icon: const Icon( ? () {
setState(() {
_currentYear = _currentYear + 1;
// Clear selected month if it becomes invalid in the new year
if (_currentYear == currentYear &&
_selectedMonth != null &&
_selectedMonth! > DateTime.now().month - 1) {
_selectedMonth = null;
}
});
}
: null,
icon: Icon(
Icons.chevron_right, Icons.chevron_right,
color: ColorsManager.grey700, color: _currentYear < currentYear
? ColorsManager.grey700
: ColorsManager.grey700.withValues(alpha: 0.3),
), ),
), ),
], ],
@ -152,6 +171,9 @@ class _MonthPickerWidgetState extends State<MonthPickerWidget> {
} }
Widget _buildMonthsGrid() { Widget _buildMonthsGrid() {
final currentDate = DateTime.now();
final isCurrentYear = _currentYear == currentDate.year;
return GridView.builder( return GridView.builder(
shrinkWrap: true, shrinkWrap: true,
itemCount: 12, itemCount: 12,
@ -165,14 +187,18 @@ class _MonthPickerWidgetState extends State<MonthPickerWidget> {
), ),
itemBuilder: (context, index) { itemBuilder: (context, index) {
final isSelected = _selectedMonth == index; final isSelected = _selectedMonth == index;
final isFutureMonth = isCurrentYear && index > currentDate.month - 1;
return InkWell( return InkWell(
onTap: () => setState(() => _selectedMonth = index), onTap: isFutureMonth ? null : () => setState(() => _selectedMonth = index),
child: Container( child: Container(
alignment: Alignment.center, alignment: Alignment.center,
decoration: BoxDecoration( decoration: BoxDecoration(
color: isSelected color: isSelected
? ColorsManager.vividBlue.withValues(alpha: 0.7) ? ColorsManager.vividBlue.withValues(alpha: 0.7)
: const Color(0xFFEDF2F7), : isFutureMonth
? ColorsManager.grey700.withValues(alpha: 0.1)
: const Color(0xFFEDF2F7),
borderRadius: borderRadius:
isSelected ? BorderRadius.circular(15) : BorderRadius.zero, isSelected ? BorderRadius.circular(15) : BorderRadius.zero,
), ),
@ -182,7 +208,9 @@ class _MonthPickerWidgetState extends State<MonthPickerWidget> {
fontSize: 12, fontSize: 12,
color: isSelected color: isSelected
? ColorsManager.whiteColors ? ColorsManager.whiteColors
: ColorsManager.blackColor.withValues(alpha: 0.8), : isFutureMonth
? ColorsManager.blackColor.withValues(alpha: 0.3)
: ColorsManager.blackColor.withValues(alpha: 0.8),
fontWeight: FontWeight.w500, fontWeight: FontWeight.w500,
), ),
), ),

View File

@ -20,9 +20,9 @@ class _YearPickerWidgetState extends State<YearPickerWidget> {
late int _currentYear; late int _currentYear;
static final years = List.generate( static final years = List.generate(
DateTime.now().year - 2020 + 1, DateTime.now().year - (DateTime.now().year - 5) + 1,
(index) => (2020 + index), (index) => (2020 + index),
); ).where((year) => year <= DateTime.now().year).toList();
@override @override
void initState() { void initState() {