simple_month_year_picker

Package Overview

Package selection guidance compiled from public package information, community data, and project usage.

A straightforward and highly customizable month/year picker for Flutter applications. Designed for easy integration, it allows users to select a specific month and year with minimal setup. The package supports multiple platforms including Android, iOS, Web, macOS, Windows, and Linux, making it ideal for cross-platform apps. With flexible styling and configuration options, developers can tailor the picker’s appearance and behavior to match their app’s design. It is lightweight and focused solely on date selection without unnecessary complexity.

Use cases

Selecting birth dates in forms
Filtering data by month and year
Setting appointment dates
Configuring report time ranges
Building calendar-based features

Key features

Highly customizable UI
Cross-platform compatibility
Simple API integration
Supports all major platforms
Lightweight and fast
Configurable date range

Suitable for

Developers building date selection interfaces
Apps requiring month/year input
Projects needing lightweight date pickers
Cross-platform Flutter apps
UI-focused applications

Considerations

Limited to month/year selection only
No day-level granularity
Requires manual handling of date logic
Not suitable for full calendar views
May need additional validation for edge cases

Original README

Original README snapshot from the linked source repository. Visit the repository for the latest content.

Simple Month Year Picker

Simple to use month/year picker for your apps with highly customisable options.

Getting started

Add this to your package's pubspec.yaml file

dependencies:
  simple_month_year_picker: ^1.1.0

Usage

Next, you just have to import the package using:

import 'package:simple_month_year_picker/simple_month_year_picker.dart';

  Widget build(BuildContext context) {
   return ElevatedButton(
              onPressed: () async {
                // This is in order to get the selected date.
                final selectedDate =
                    await SimpleMonthYearPicker.showMonthYearPickerDialog(
                        context: context,
                        titleTextStyle: TextStyle(),
                        monthTextStyle: TextStyle(),
                        yearTextStyle: TextStyle(),
                        disableFuture:
                            true // This will disable future years. it is false by default.
                        );
                // Use the selected date as needed
                print('Selected date: $selectedDate');
              },
              child: const Text('show dialog'),
            );
  }

Additional information

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

Search packages, repositories and app categories

Install package