day_month_picker 1.0.1 copy "day_month_picker: ^1.0.1" to clipboard
day_month_picker: ^1.0.1 copied to clipboard

Select your desired month and day easily with this package! Pick from the picker a simple date choice process—no year needed. Enjoy!

Day Month Picker or You can say Date Month picker #

The DayMonthPicker widget is a customizable Flutter component that allows users to select a specific day and month from a dialog interface. It is particularly useful in forms or applications where date input is needed without year.

Features #

Easy selection of months and days Customizable appearance Built-in support for existing day and month values Callback function to handle changes

Constructor #

const DayMonthPicker({
  Key? key,
  this.surfaceTintColor,
  this.titleTextStyle,
  this.selectedMonthBgColor = Colors.blue,
  this.unSelectedMonthBgColor = Colors.white,
  this.selectedDayBgColor = Colors.blue,
  this.unSelectedDayBgColor = Colors.white,
  this.title = "Date Month Picker",
  this.selectedMonthTextStyle = const TextStyle(color: Colors.white, fontSize: 14),
  this.unSelectedMonthTextStyle = const TextStyle(color: Colors.black, fontSize: 14),
  this.selectedDayTextStyle = const TextStyle(color: Colors.white, fontSize: 12),
  this.unSelectedDayTextStyle = const TextStyle(color: Colors.black, fontSize: 12),
  this.child = const Padding(
    padding: EdgeInsets.all(8.0),
    child: Text("Month Picker"),
  ),
  this.cancelTextStyle = const TextStyle(color: Colors.grey, fontSize: 16),
  this.okTextStyle = const TextStyle(color: Colors.blue, fontSize: 16),
  this.existingDay,
  this.existingMonth,
  required this.onChange,
});

Parameters #

  • key: An optional key to identify the widget.
  • surfaceTintColor: A color to tint the dialog surface (default is transparent).
  • titleTextStyle: Text style for the dialog title.
  • selectedMonthBgColor: Background color for the selected month (default is blue).
  • unSelectedMonthBgColor: Background color for unselected months (default is white).
  • selectedDayBgColor: Background color for the selected day (default is blue).
  • unSelectedDayBgColor: Background color for unselected days (default is white).
  • title: The title of the dialog (default is "Date Month Picker").
  • selectedMonthTextStyle: Text style for the selected month label.
  • unSelectedMonthTextStyle: Text style for unselected month labels.
  • selectedDayTextStyle: Text style for the selected day label.
  • unSelectedDayTextStyle: Text style for unselected day labels.
  • child: The widget displayed as the button to open the picker (default is a padded "Month Picker" text).
  • cancelTextStyle: Text style for the cancel button.
  • okTextStyle: Text style for the ok button.
  • existingDay: An optional string representing the already selected day.
  • existingMonth: An optional string representing the already selected month.
  • onChange: A required callback function that is triggered when the user selects a day and month.

Usage #

Short and useful examples for package users.

DayMonthPicker(onChange: (DayMonth? dayMonth){
        if(dayMonth != null) {
          print("Day: ${dayMonth.day}");
          print("Month: ${dayMonth.month}");
        }
      }),

Example #

@override
Widget build(BuildContext context) {
  return Scaffold(
    appBar: AppBar(title: Text('Day Month Picker Example')),
    body: Center(
      child: DayMonthPicker(
        onChange: (dayMonth) {
          // Do something with the selected day and month
          print('Selected Day: ${dayMonth.day}, Month: ${dayMonth.month}');
        },
      ),
    ),
  );
}

Some UI examples #

Day Month Picker Example

Day Month Picker Example image (7)

26
likes
150
points
57
downloads

Publisher

unverified uploader

Weekly Downloads

Select your desired month and day easily with this package! Pick from the picker a simple date choice process—no year needed. Enjoy!

Repository (GitHub)
View/report issues

Documentation

API reference

License

MIT (license)

Dependencies

flutter

More

Packages that depend on day_month_picker