Description:

textfield datepicker

textfield_datepicker #
A collection of three flutter widget TextfieldDatePicker, TextfieldDateAndTimePicker and TextfieldTimePicker.
These widgets gives you access to the various platform date and time pickers based on your device platform.
The date or time picked is shown in a Material TextFormField widget.
These three widgets earlier mentioned gives you access to most of Material TextFormField parameters allowing you to design your textfield based on your preference
Screenshots of how it works #
For screenshots of how this package works, visit this link
See example for details of how this package works
Installation #
Add the textfield_datepicker package to your pubspec.yml file.
dependencies:
textfield_datepicker: ^0.2.0
copied to clipboard
Import the package into your dart file
import 'package:textfield_datepicker/textfield_datepicker.dart';
copied to clipboard
import 'package:textfield_datepicker/textfield_dateAndTimePicker.dart';
copied to clipboard
import 'package:textfield_datepicker/textfield_timePicker.dart';
copied to clipboard
Usage #
TextfieldDatePicker #



Property
Default
Description





materialDatePickerInitialEntryMode
DatePickerEntryMode.calendar
In DatePickerEntryMode.calendar mode, a calendar grid is displayed and the user taps the day they wish to select. In DatePickerEntryMode.input mode a TextField is displayed and the user types in the date they wish to select..



materialDatePickerFirstDate
required
The materialDatePickerFirstDate parameter is the earliest allowable date.



materialDatePickerInitialDate
required
When the date picker is first displayed, it will show the month of materialDatePickerInitialDate, with materialDatePickerInitialDate selected.



materialDatePickerLastDate
required
The materialDatePickerLastDate parameter is the latest allowable date.



preferredDateFormat
required
The preferredDateFormat parameter is for formatting and parsing dates in a locale-sensitive manner.



materialDatePickerBuilder
optional
The materialDatePickerBuilder parameter can be used to wrap the dialog widget to add inherited widgets like Theme.



materialDatePickerLocale
optional
materialDatePickerLocale optional locale argument can be used to set the locale for the date picker. It defaults to the ambient locale provided by Localizations.



materialDatePickerSelectableDayPredicate
optional
An optional materialDatePickerSelectableDayPredicate function can be passed in to only allow certain days for selection.



cupertinoDatePickerMaximumDate
required
The cupertinoDatePickerMaximumDate parameter is the maximum selectable date that the picker can settle on.



cupertinoDatePickerMinimumDate
required
The cupertinoDatePickerMinimumDate is the minimum selectable date that the picker can settle on.



cupertinoDatePickerMinimumYear
optional
The cupertinoDatePickerMinimumYear parameter is the minimum year that the picker can be scrolled to in CupertinoDatePickerMode.date mode. Defaults to 1 and must not be null.



cupertinoDatePickerMaximumYear
required
The cupertinoDatePickerMinimumYear parameter is the minimum year that the picker can be scrolled to in CupertinoDatePickerMode.date mode. Defaults to 1 and must not be null.



cupertinoDatePickerBackgroundColor
required
Defaults to null, which disables background painting entirely. Background color of cupertinoDatePicker.



cupertinoDatePickerKey
optional
The cupertinoDatePickerKey is an identifier.



cupertinoDateInitialDateTime
required
Defaults to the present date and time and must not be null.



cupertinoDateOrder
optional
Determines the order of the columns inside CupertinoDatePicker in date mode. Defaults to the locale's default date format/order.



textfieldDatePickerWidth
optional
Gives you the option to adjust the width of the TextfieldDatePicker widget.



textfieldDatePickerMargin
optional
Allows you to add some margin to the TextfieldDatePicker



textfieldDatePickerPadding
optional
Allows you to add some padding to the TextfieldDatePicker




TextfieldDateAndTimePicker #



Property
Default
Description





materialDatePickerInitialEntryMode
DatePickerEntryMode.calendar
In DatePickerEntryMode.calendar mode, a calendar grid is displayed and the user taps the day they wish to select. In DatePickerEntryMode.input mode a TextField is displayed and the user types in the date they wish to select..



materialDatePickerFirstDate
required
The materialDatePickerFirstDate parameter is the earliest allowable date.



materialDatePickerInitialDate
required
When the date picker is first displayed, it will show the month of materialDatePickerInitialDate, with materialDatePickerInitialDate selected.



materialDatePickerLastDate
required
The materialDatePickerLastDate parameter is the latest allowable date.



preferredDateFormat
required
The preferredDateFormat parameter is for formatting and parsing dates in a locale-sensitive manner.



materialDatePickerBuilder
optional
The materialDatePickerBuilder parameter can be used to wrap the dialog widget to add inherited widgets like Theme.



materialDatePickerLocale
optional
materialDatePickerLocale optional locale argument can be used to set the locale for the date picker. It defaults to the ambient locale provided by Localizations.



materialDatePickerSelectableDayPredicate
optional
An optional materialDatePickerSelectableDayPredicate function can be passed in to only allow certain days for selection.



materialInitialTime
required
When the time picker is first displayed, it will have materialInitialTime, as the time selected.



materialTimePickerUse24hrFormat
optional
Defaults to false.



materialTimePickerInitialEntryMode
optional
The materialTimePickerInitialEntryMode parameter can be used to determine the initial time entry selection of the picker (either a clock dial or text input).



materialTimePickerBuilder
optional
The materialTimePickerBuilder parameter can be used to wrap the dialog widget to add inherited widgets like Localizations.override, Directionality, or MediaQuery.



cupertinoDatePickerMaximumDate
required
The cupertinoDatePickerMaximumDate parameter is the maximum selectable date that the picker can settle on.



cupertinoDatePickerMinimumDate
required
The cupertinoDatePickerMinimumDate is the minimum selectable date that the picker can settle on.



cupertinoDatePickerMinimumYear
optional
The cupertinoDatePickerMinimumYear parameter is the minimum year that the picker can be scrolled to in CupertinoDatePickerMode.date mode. Defaults to 1 and must not be null.



cupertinoDatePickerMaximumYear
required
The cupertinoDatePickerMinimumYear parameter is the minimum year that the picker can be scrolled to in CupertinoDatePickerMode.date mode. Defaults to 1 and must not be null.



cupertinoDatePickerBackgroundColor
required
Defaults to null, which disables background painting entirely. Background color of cupertinoDatePicker.



cupertinoDatePickerKey
optional
The cupertinoDatePickerKey is an identifier.



cupertinoDateInitialDateTime
required
Defaults to the present date and time and must not be null.



cupertinoDateOrder
optional
Determines the order of the columns inside CupertinoDatePicker in date mode. Defaults to the locale's default date format/order.



cupertinoTimePickerUse24hFormat
optional
Defaults to false.



cupertinoTimePickerMinuteInterval
optional
The granularity of the minutes spinner, if it is shown in the current mode. Must be an integer factor of 60.



textfieldDateTimePickerWidth
optional
Gives you the option to adjust the width of the TextfieldDateAndTimePicker widget.



textfieldDateTimePickerMargin
optional
Allows you to add some margin to the TextfieldDateAndTimePicker



textfieldDateTimePickerPadding
optional
Allows you to add some padding to the TextfieldDateAndTimePicker




TextfieldTimePicker #



Property
Default
Description





materialInitialTime
required
When the time picker is first displayed, it will have materialInitialTime, as the time selected.



materialTimePickerUse24hrFormat
optional
Defaults to false.



materialTimePickerInitialEntryMode
optional
The materialTimePickerInitialEntryMode parameter can be used to determine the initial time entry selection of the picker (either a clock dial or text input).



materialTimePickerBuilder
optional
The materialTimePickerBuilder parameter can be used to wrap the dialog widget to add inherited widgets like Localizations.override, Directionality, or MediaQuery.



cupertinoDatePickerBackgroundColor
required
Defaults to null, which disables background painting entirely. Background color of cupertinoDatePicker.



cupertinoDatePickerKey
optional
The cupertinoDatePickerKey is an identifier.



cupertinoDateInitialDateTime
required
Defaults to the present date and time and must not be null.



cupertinoTimePickerUse24hFormat
optional
Defaults to false.



cupertinoTimePickerMinuteInterval
optional
The granularity of the minutes spinner, if it is shown in the current mode. Must be an integer factor of 60.



textfieldTimePickerWidth
optional
Gives you the option to adjust the width of the TextfieldTimePicker widget.



textfieldTimePickerMargin
optional
Allows you to add some margin to the TextfieldTimePicker



textfieldTimePickerPadding
optional
Allows you to add some padding to the TextfieldTimePicker




Example #
See the example for a complete sample app using the various widgets from textfield_datepicker
Found an issue or have a suggestion? #
Create an issue
Contact #
Contact me via email edinjoey@email.com

License

For personal and professional use. You cannot resell or redistribute these repositories in their original state.

Share

• Share on Facebook
• Share on Twitter