textfield_datepicker 0.2.0

TextfieldDatePicker, TextfieldDateAndTimePicker, and TextfieldTimePicker are three flutter widgets that you can use together. These widgets provide you access to different platform date and time picke [...]

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

Import the package into your dart file

import 'package:textfield_datepicker/textfield_datepicker.dart';

import 'package:textfield_datepicker/textfield_dateAndTimePicker.dart';

import 'package:textfield_datepicker/textfield_timePicker.dart';

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 [e-mail]