{"id":32288059,"url":"https://github.com/joeyyy688/textfield_datepicker","last_synced_at":"2026-02-19T21:51:56.592Z","repository":{"id":56841246,"uuid":"416109653","full_name":"joeyyy688/textfield_datepicker","owner":"joeyyy688","description":"A flutter package that gives access to three widgets. Might come in handy when you need it","archived":false,"fork":false,"pushed_at":"2024-05-23T13:50:09.000Z","size":150342,"stargazers_count":7,"open_issues_count":0,"forks_count":6,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-10-23T02:37:54.872Z","etag":null,"topics":["calendar","cupertino","cupertino-design","datepicker","flutter","material-design","material-ui","textfield"],"latest_commit_sha":null,"homepage":"https://pub.dev/packages/textfield_datepicker","language":"Dart","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/joeyyy688.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2021-10-11T22:53:36.000Z","updated_at":"2024-05-23T13:50:14.000Z","dependencies_parsed_at":"2023-02-17T13:01:45.637Z","dependency_job_id":null,"html_url":"https://github.com/joeyyy688/textfield_datepicker","commit_stats":null,"previous_names":[],"tags_count":4,"template":false,"template_full_name":null,"purl":"pkg:github/joeyyy688/textfield_datepicker","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/joeyyy688%2Ftextfield_datepicker","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/joeyyy688%2Ftextfield_datepicker/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/joeyyy688%2Ftextfield_datepicker/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/joeyyy688%2Ftextfield_datepicker/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/joeyyy688","download_url":"https://codeload.github.com/joeyyy688/textfield_datepicker/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/joeyyy688%2Ftextfield_datepicker/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29634417,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-19T18:02:07.722Z","status":"ssl_error","status_checked_at":"2026-02-19T18:01:46.144Z","response_time":117,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["calendar","cupertino","cupertino-design","datepicker","flutter","material-design","material-ui","textfield"],"created_at":"2025-10-23T02:22:58.014Z","updated_at":"2026-02-19T21:51:56.587Z","avatar_url":"https://github.com/joeyyy688.png","language":"Dart","funding_links":[],"categories":[],"sub_categories":[],"readme":"# textfield_datepicker\n\nA collection of three flutter widget [TextfieldDatePicker](https://github.com/joeyyy688/textfield_datepicker/blob/master/lib/src/packages/textfield_datePicker.dart), [TextfieldDateAndTimePicker](https://github.com/joeyyy688/textfield_datepicker/blob/master/lib/src/packages/textfield_dateAndTimePicker.dart) and [TextfieldTimePicker](https://github.com/joeyyy688/textfield_datepicker/blob/master/lib/src/packages/textfield_timePicker.dart).\nThese widgets gives you access to the various platform date and time pickers based on your device platform. \n\nThe date or time picked is shown in a Material TextFormField widget. \nThese three widgets earlier mentioned gives you access to most of Material TextFormField parameters allowing you to design your textfield based on your preference\n\n## Screenshots of how it works\n\nFor screenshots of how this package works, visit this [link](https://github.com/joeyyy688/textfield_datePicker_screenshots/tree/main/gif)\n\n\n*See [example](https://github.com/joeyyy688/textfield_datepicker/tree/master/example) for details of how this package works*\n\n## Installation\n\nAdd the textfield_datepicker package to your `pubspec.yml` file.\n\n```yml\ndependencies:\n  textfield_datepicker: ^0.2.0\n```\n\nImport the package into your dart file\n\n```dart\nimport 'package:textfield_datepicker/textfield_datepicker.dart';\n```\n\n```dart\nimport 'package:textfield_datepicker/textfield_dateAndTimePicker.dart';\n```\n\n```dart\nimport 'package:textfield_datepicker/textfield_timePicker.dart';\n```\n\n## Usage\n### TextfieldDatePicker\n\n| Property | Default | Description ||\n|---|---|---|---|\n|`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..|\n|`materialDatePickerFirstDate`|`required`| The `materialDatePickerFirstDate` parameter is the earliest allowable date.|\n|`materialDatePickerInitialDate`|`required`| When the date picker is first displayed, it will show the month of `materialDatePickerInitialDate`, with `materialDatePickerInitialDate` selected.\n|`materialDatePickerLastDate`|`required`| The `materialDatePickerLastDate` parameter is the latest allowable date.|\n|`preferredDateFormat`|`required`| The `preferredDateFormat` parameter is for formatting and parsing dates in a locale-sensitive manner.|\n|`materialDatePickerBuilder`|optional| The `materialDatePickerBuilder` parameter can be used to wrap the dialog widget to add inherited widgets like Theme.|\n|`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.|\n|`materialDatePickerSelectableDayPredicate`|optional| An optional `materialDatePickerSelectableDayPredicate` function can be passed in to only allow certain days for selection.|\n|`cupertinoDatePickerMaximumDate`|`required`| The `cupertinoDatePickerMaximumDate` parameter is the maximum selectable date that the picker can settle on.|\n|`cupertinoDatePickerMinimumDate`|`required`| The `cupertinoDatePickerMinimumDate` is the minimum selectable date that the picker can settle on.|\n|`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.|\n|`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.|\n|`cupertinoDatePickerBackgroundColor`|`required`| Defaults to null, which disables background painting entirely. Background color of cupertinoDatePicker.|\n|`cupertinoDatePickerKey`|optional| The `cupertinoDatePickerKey` is an identifier.|\n|`cupertinoDateInitialDateTime`|`required`| Defaults to the present date and time and must not be null.|\n|`cupertinoDateOrder`|optional| Determines the order of the columns inside `CupertinoDatePicker` in date mode. Defaults to the locale's default date format/order.|\n|`textfieldDatePickerWidth`|optional| Gives you the option to adjust the width of the `TextfieldDatePicker` widget.|\n|`textfieldDatePickerMargin`|optional| Allows you to add some margin to the `TextfieldDatePicker`|\n|`textfieldDatePickerPadding`|optional| Allows you to add some padding to the `TextfieldDatePicker`|\n\n\n### TextfieldDateAndTimePicker\n\n| Property | Default | Description ||\n|---|---|---|---|\n|`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..|\n|`materialDatePickerFirstDate`|`required`| The `materialDatePickerFirstDate` parameter is the earliest allowable date.|\n|`materialDatePickerInitialDate`|`required`| When the date picker is first displayed, it will show the month of `materialDatePickerInitialDate`, with `materialDatePickerInitialDate` selected.\n|`materialDatePickerLastDate`|`required`| The `materialDatePickerLastDate` parameter is the latest allowable date.|\n|`preferredDateFormat`|`required`| The `preferredDateFormat` parameter is for formatting and parsing dates in a locale-sensitive manner.|\n|`materialDatePickerBuilder`|optional| The `materialDatePickerBuilder` parameter can be used to wrap the dialog widget to add inherited widgets like Theme.|\n|`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.|\n|`materialDatePickerSelectableDayPredicate`|optional| An optional `materialDatePickerSelectableDayPredicate` function can be passed in to only allow certain days for selection.|\n|`materialInitialTime`|`required`| When the time picker is first displayed, it will have `materialInitialTime`, as the time selected.|\n|`materialTimePickerUse24hrFormat`|optional| Defaults to false.|\n|`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).|\n|`materialTimePickerBuilder`|optional| The `materialTimePickerBuilder` parameter can be used to wrap the dialog widget to add inherited widgets like Localizations.override, Directionality, or MediaQuery.|\n|`cupertinoDatePickerMaximumDate`|`required`| The `cupertinoDatePickerMaximumDate` parameter is the maximum selectable date that the picker can settle on.|\n|`cupertinoDatePickerMinimumDate`|`required`| The `cupertinoDatePickerMinimumDate` is the minimum selectable date that the picker can settle on.|\n|`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.|\n|`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.|\n|`cupertinoDatePickerBackgroundColor`|`required`| Defaults to null, which disables background painting entirely. Background color of cupertinoDatePicker.|\n|`cupertinoDatePickerKey`|optional| The `cupertinoDatePickerKey` is an identifier.|\n|`cupertinoDateInitialDateTime`|`required`| Defaults to the present date and time and must not be null.|\n|`cupertinoDateOrder`|optional| Determines the order of the columns inside `CupertinoDatePicker` in date mode. Defaults to the locale's default date format/order.|\n|`cupertinoTimePickerUse24hFormat`|optional| Defaults to false.|\n|`cupertinoTimePickerMinuteInterval`|optional| The granularity of the minutes spinner, if it is shown in the current mode. Must be an integer factor of 60.|\n|`textfieldDateTimePickerWidth`|optional| Gives you the option to adjust the width of the `TextfieldDateAndTimePicker` widget.|\n|`textfieldDateTimePickerMargin`|optional| Allows you to add some margin to the `TextfieldDateAndTimePicker`|\n|`textfieldDateTimePickerPadding`|optional| Allows you to add some padding to the `TextfieldDateAndTimePicker`|\n\n\n### TextfieldTimePicker\n\n| Property | Default | Description ||\n|---|---|---|---|\n|`materialInitialTime`|`required`| When the time picker is first displayed, it will have `materialInitialTime`, as the time selected.|\n|`materialTimePickerUse24hrFormat`|optional| Defaults to false.|\n|`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).|\n|`materialTimePickerBuilder`|optional| The `materialTimePickerBuilder` parameter can be used to wrap the dialog widget to add inherited widgets like Localizations.override, Directionality, or MediaQuery.|\n|`cupertinoDatePickerBackgroundColor`|`required`| Defaults to null, which disables background painting entirely. Background color of cupertinoDatePicker.|\n|`cupertinoDatePickerKey`|optional| The `cupertinoDatePickerKey` is an identifier.|\n|`cupertinoDateInitialDateTime`|`required`| Defaults to the present date and time and must not be null.|\n|`cupertinoTimePickerUse24hFormat`|optional| Defaults to false.|\n|`cupertinoTimePickerMinuteInterval`|optional| The granularity of the minutes spinner, if it is shown in the current mode. Must be an integer factor of 60.|\n|`textfieldTimePickerWidth`|optional| Gives you the option to adjust the width of the `TextfieldTimePicker` widget.|\n|`textfieldTimePickerMargin`|optional| Allows you to add some margin to the `TextfieldTimePicker`|\n|`textfieldTimePickerPadding`|optional| Allows you to add some padding to the `TextfieldTimePicker`|\n\n\n## Example\n\n*See the [example](https://github.com/joeyyy688/textfield_datepicker/tree/master/example) for a complete sample app using the various widgets from textfield_datepicker*\n\n### Found an issue or have a suggestion?\n\u003ca href=\"https://github.com/joeyyy688/textfield_datepicker/issues/new/choose\" target=\"_blank\"\u003e Create an issue\u003c/a\u003e\n\n### Contact\nContact me via email \u003ca href=\"mailto:edinjoey@email.com\" target=\"_blank\"\u003eedinjoey@email.com\u003c/a\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjoeyyy688%2Ftextfield_datepicker","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjoeyyy688%2Ftextfield_datepicker","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjoeyyy688%2Ftextfield_datepicker/lists"}