🎨 Alive Picker #

A beautiful, animated, and fully customizable date & time picker package for Flutter. Features stunning seasonal animations, smooth transitions, and multi-language support.

✨ Features #

📸 Screenshots #

🎬 Demo Video #

▶️ Click to Watch Demo

📦 Installation #

Add alive_picker to your pubspec.yaml:

dependencies:
  alive_picker: ^1.0.0

Then run:

flutter pub get

🚀 Quick Start #

1. Setup Localization #

Add the localization delegates to your MaterialApp:

import 'package:alive_picker/alive_picker.dart';
import 'package:flutter_localizations/flutter_localizations.dart';

MaterialApp(
  localizationsDelegates: [
    AlivePickerLocalizations.delegate,
    GlobalMaterialLocalizations.delegate,
    GlobalWidgetsLocalizations.delegate,
    GlobalCupertinoLocalizations.delegate,
  ],
  supportedLocales: const [
    Locale('en'),
    Locale('ar'),
    Locale('fr'),
  ],
  // ...
);

2. Use the Pickers #

📅 Modern Date Picker

showDialog(
  context: context,
  builder: (context) => ModernDatePicker(
    onDateSelected: (date) {
      print('Selected: $date');
    },
    startYear: 2020,
    endYear: 2030,
    initialDate: DateTime.now(),
    // Customization
    primaryColor: Colors.purple,
    backgroundColor: Colors.purple.shade50,
    textColor: Colors.purple.shade900,
  ),
);

⏰ Animated Time Picker

showDialog(
  context: context,
  builder: (context) => AnimatedTimePickerDialog(
    initialTime: TimeOfDay.now(),
    onTimeSelected: (time) {
      print('Selected: ${time.format(context)}');
    },
    // Customization
    primaryColor: Colors.orange,
    backgroundColor: Colors.orange.shade50,
    textColor: Colors.brown,
  ),
);

🍃 Seasonal Date Picker

showDialog(
  context: context,
  builder: (context) => SeasonalSelectionDialog(
    startYear: 2023,
    endYear: 2028,
    width: 360,
    height: 600,
  ),
).then((selectedDate) {
  if (selectedDate != null) {
    print('Selected: $selectedDate');
  }
});

🎨 Customization #

ModernDatePicker Options #

AnimatedTimePickerDialog Options #

SeasonalSelectionDialog Options #

🌍 Localization #

The package includes built-in support for:

🌈 Seasonal Theme Colors #

The Seasonal Picker automatically adapts its UI based on the selected month:

📄 License #

This project is licensed under the MIT License - see the LICENSE file for details.

🤝 Contributing #

Contributions are welcome! Feel free to submit issues and pull requests.

💬 Support #

If you find this package helpful, please give it a ⭐ on pub.dev!

Made with ❤️ for the Flutter community