{"id":15293174,"url":"https://github.com/sobimor/flutter_date_picker_timeline","last_synced_at":"2025-04-13T12:34:41.746Z","repository":{"id":54433883,"uuid":"248930454","full_name":"sobimor/flutter_date_picker_timeline","owner":"sobimor","description":"Gregorian and Jalali customizable date picker as a horizontal timeline","archived":false,"fork":false,"pushed_at":"2023-06-09T02:31:04.000Z","size":260,"stargazers_count":34,"open_issues_count":7,"forks_count":10,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-03-27T03:35:17.787Z","etag":null,"topics":["calander","dartlang","date-picker","datepicker","flutter","flutter-widget","horizontal-datetime-picker","jalali","jalali-date-picker","persian-calendar","shamsi-date-picker"],"latest_commit_sha":null,"homepage":"https://pub.dev/packages/flutter_date_picker_timeline","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/sobimor.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2020-03-21T07:51:31.000Z","updated_at":"2024-09-16T20:10:41.000Z","dependencies_parsed_at":"2024-10-14T21:41:35.767Z","dependency_job_id":"8f06c16d-7f64-4e6e-8fce-0ad9d285e373","html_url":"https://github.com/sobimor/flutter_date_picker_timeline","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sobimor%2Fflutter_date_picker_timeline","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sobimor%2Fflutter_date_picker_timeline/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sobimor%2Fflutter_date_picker_timeline/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sobimor%2Fflutter_date_picker_timeline/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/sobimor","download_url":"https://codeload.github.com/sobimor/flutter_date_picker_timeline/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248714740,"owners_count":21149959,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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":["calander","dartlang","date-picker","datepicker","flutter","flutter-widget","horizontal-datetime-picker","jalali","jalali-date-picker","persian-calendar","shamsi-date-picker"],"created_at":"2024-09-30T16:40:04.629Z","updated_at":"2025-04-13T12:34:41.713Z","avatar_url":"https://github.com/sobimor.png","language":"Dart","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Flutter Date Picker Timeline\n![Flutter Date Picker Timeline Banner](https://raw.githubusercontent.com/sobimor/flutter_date_picker_timeline/master/repo_files/images/banner.png)\n[![pub package](https://img.shields.io/pub/v/flutter_date_picker_timeline.svg)](https://pub.dartlang.org/packages/flutter_date_picker_timeline)\n\n💥 Gregorian and Jalali customizable date picker as a horizontal timeline  💥\n\n\u003cp align=\"center\"\u003e\n\u003cimg src=\"https://raw.githubusercontent.com/sobimor/flutter_date_picker_timeline/master/repo_files/images/screenshot_ios.png\" width=\"300\" alt=\"Screenshot iOS\"\u003e\n\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\n\u003cimg src=\"https://raw.githubusercontent.com/sobimor/flutter_date_picker_timeline/master/repo_files/images/screenshot_android.jpg\" width=\"300\" alt=\"Screenshot android\"\u003e\n\u003c/p\u003e\u003cbr\u003e\n\n# Let's get started\n\n### 1 - Depend on it\n\n##### Add it to your package's pubspec.yaml file\n\n```yml\ndependencies:\n  flutter_date_picker_timeline: ^0.3.3\n```\n\n\n### 2 - Install it\n\n##### Install packages from the command line\n```sh\nflutter pub get\n```\n\n\n### 3 - Import it\n\n##### Import it to your project\n```dart\nimport 'package:flutter_date_picker_timeline/flutter_date_picker_timeline.dart';\n```\n\n\n## How to use?\n##### Use the `FlutterDatePickerTimeline` Widget\n\n```dart\nFlutterDatePickerTimeline(\n    startDate: DateTime(2020, 07, 01),\n    endDate: DateTime(2020, 12, 30),\n    initialSelectedDate: DateTime(2020, 07, 24),\n    onSelectedDateChange: (DateTime dateTime) {\n        print(dateTime);\n      },\n    )\n```\n\n##### Constructor:\n\n```dart\nFlutterDatePickerTimeline({\n    Key key,\n    // Determines the [FlutterDatePickerTimeline] mode.\n    this.calendarMode = CalendarMode.gregorian,\n    // The first date of [FlutterDatePickerTimeline].\n    @required this.startDate,\n    // The last date of [FlutterDatePickerTimeline].\n    @required this.endDate,\n    // Initially selected date.\n    this.initialSelectedDate,\n    // Initially focused date(If nothing is provided, a [initialSelectedDate] will be used).\n    this.initialFocusedDate,\n    // Used for setting the textDirection of [FlutterDatePickerTimeline].\n    this.textDirection,\n    // Used for setting the width of selected items.\n    this.selectedItemWidth = 170,\n    // Used for setting the width of unselected items.\n    this.unselectedItemWidth = 38,\n    // Used for setting the height of selected and unselected items.\n    this.itemHeight = 38,\n    // Used for setting the radius of selected and unselected items background.\n    this.itemRadius = 10,\n    // Used for setting the padding of [ListView].\n    this.listViewPadding = const EdgeInsets.only(right: 5.5, left: 5.5),\n    // Used for setting the margin of selected items.\n    this.selectedItemMargin = const EdgeInsets.only(right: 5.5, left: 5.5),\n    // Used for setting the margin of unselected items.\n    this.unselectedItemMargin = const EdgeInsets.only(right: 5.5, left: 5.5),\n    // Used for setting the color of selected items background.\n    this.selectedItemBackgroundColor = const Color(0xFF2B2C30),\n    // Used for setting the color of unselected items background.\n    this.unselectedItemBackgroundColor = Colors.white,\n    // Used for setting the style of selected items [Text].\n    this.selectedItemTextStyle,\n    // Used for setting the style of unselected items [Text].\n    this.unselectedItemTextStyle,\n    // Called whenever any date gets selected.\n    @required this.onSelectedDateChange,\n  }) : super(key: key);\n```\n\n## Props\n| props                   | types           | defaultValues                                                                                                     |\n| :---------------------- | :-------------: | :---------------------------------------------------------------------------------------------------------------: |\n| calendarMode        | `CalendarMode`        | CalendarMode.gregorian |\n| startDate       | `DateTime`     | |\n| endDate           | `DateTime`     | |\n| initialSelectedDate       | `DateTime?`     | |\n| initialFocusedDate | `DateTime?`         | If nothing is provided, a [initialSelectedDate] will be used |\n| textDirection       | `TextDirection?`     | If nothing is provided, a [calendarMode] will be used. (CalendarMode.gregorian -\u003e TextDirection.ltr , CalendarMode.jalali -\u003e TextDirection.rtl) |\n| selectedItemWidth       | `double`     | 170 |\n| unselectedItemWidth | `double`         | 38 |\n| itemHeight       | `double`     | 38 |\n| itemRadius | `double`         | 10 |\n| listViewPadding       | `EdgeInsets`     | const EdgeInsets.only(right: 5.5, left: 5.5) |\n| selectedItemMargin | `EdgeInsets`         | const EdgeInsets.only(right: 5.5, left: 5.5) |\n| unselectedItemMargin       | `EdgeInsets`     | const EdgeInsets.only(right: 5.5, left: 5.5) |\n| selectedItemBackgroundColor | `Color`         | const Color(0xFF2B2C30) |\n| unselectedItemBackgroundColor       | `Color`     | Colors.white |\n| selectedItemTextStyle | `TextStyle?`         | TextStyle(fontFamily: widget.calendarMode == CalendarMode.gregorian ? 'nunito' : 'dana', package: 'flutter_date_picker_timeline', color: widget.unselectedItemBackgroundColor) |\n| unselectedItemTextStyle       | `TextStyle?`     | TextStyle(fontFamily: widget.calendarMode == CalendarMode.gregorian ? 'nunito' : 'dana', package: 'flutter_date_picker_timeline', color: widget.selectedItemBackgroundColor) |\n| onSelectedDateChange | `DateChangeListener`         | |","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsobimor%2Fflutter_date_picker_timeline","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsobimor%2Fflutter_date_picker_timeline","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsobimor%2Fflutter_date_picker_timeline/lists"}