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

A Flutter package providing a customizable TextFormField with an integrated date picker presented in a bottom sheet, ideal for seamless date selection in forms and applications.

DatePickerBottomSheet #

DatePickerBottomSheet is a customizable widget that combines a TextFormField with a date picker, providing a user-friendly date input experience.

Features #

  • Combines a text field with a popup date picker.
  • Customizable text field appearance and calendar style.
  • Supports external controllers and validation.
  • Option to select only future dates.
  • Customizable confirm and cancel buttons.
  • Flexible date format support.

Installation #

Add the following line to your pubspec.yaml file to include the package in your project:

dependencies:
  date_picker_textfield: ^1.0.0

Usage #

Here’s an example of how to use the DatePickerBottomSheet widget in your project:

DatePickerBottomSheet(
controller: myController,
validator: (value) {
if (value == null || value.isEmpty) {
return 'Please select a date';
}
return null;
},
onChanged: (value) => print('Selected date: $value'),
)

Demo de la interfaz

Properties #

  • controller: A TextEditingController to manage the text input. Defaults to a new TextEditingController if not provided.
  • validator: A function that validates the entered date. If not provided, no validation is performed.
  • onChanged: A callback that fires when the date is changed.
  • dateFormat: Specifies the date format. Defaults to 'dd-MM-yyyy'.
  • selectableFutureOnly: If set to true, only future dates can be selected. Defaults to true.
  • confirmButtonText: Custom text for the confirmation button in the calendar modal. Defaults to 'Aceptar'.
  • cancelButtonText: Custom text for the cancel button. Defaults to 'Cancelar'.
  • suffixIcon: A widget displayed at the end of the input field, usually a calendar icon.

Contributing #

We welcome contributions! If you’d like to contribute to this project, please follow these steps:

Fork the repository Create a new branch Make your changes Submit a pull request

Support Me If you find this project helpful, consider buying me a coffee!

Buy Me A Coffee

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

Acknowledgements Flutter and Dart for building the app intl package for date formatting MUI for providing useful components

1
likes
160
pub points
0%
popularity

Publisher

unverified uploader

A Flutter package providing a customizable TextFormField with an integrated date picker presented in a bottom sheet, ideal for seamless date selection in forms and applications.

Repository (GitHub)
View/report issues

Documentation

API reference

License

MIT (license)

Dependencies

flutter, intl

More

Packages that depend on date_picker_bottom_sheet