├── .gitignore
├── .idea
├── vcs.xml
└── workspace.xml
├── .metadata
├── CHANGELOG.md
├── LICENSE
├── README.md
├── android
├── app
│ └── src
│ │ └── main
│ │ └── java
│ │ └── io
│ │ └── flutter
│ │ └── plugins
│ │ └── GeneratedPluginRegistrant.java
├── gradle
│ └── wrapper
│ │ └── gradle-wrapper.properties
├── local.properties
└── src
│ └── main
│ └── kotlin
│ └── com
│ └── benzneststudios
│ └── flutter_rounded_date_picker
│ └── FlutterRoundedDatePickerPlugin.kt
├── example
├── .gitignore
├── .metadata
├── README.md
├── android
│ ├── .gitignore
│ ├── app
│ │ ├── build.gradle
│ │ └── src
│ │ │ ├── debug
│ │ │ └── AndroidManifest.xml
│ │ │ ├── main
│ │ │ ├── AndroidManifest.xml
│ │ │ ├── java
│ │ │ │ └── com
│ │ │ │ │ └── benzneststudios
│ │ │ │ │ └── flutter_rounded_date_picker_example
│ │ │ │ │ └── MainActivity.java
│ │ │ └── res
│ │ │ │ ├── drawable-v21
│ │ │ │ └── launch_background.xml
│ │ │ │ ├── drawable
│ │ │ │ ├── launch_background.xml
│ │ │ │ └── normal_background.xml
│ │ │ │ ├── mipmap-hdpi
│ │ │ │ └── ic_launcher.png
│ │ │ │ ├── mipmap-mdpi
│ │ │ │ └── ic_launcher.png
│ │ │ │ ├── mipmap-xhdpi
│ │ │ │ └── ic_launcher.png
│ │ │ │ ├── mipmap-xxhdpi
│ │ │ │ └── ic_launcher.png
│ │ │ │ ├── mipmap-xxxhdpi
│ │ │ │ └── ic_launcher.png
│ │ │ │ ├── values-night
│ │ │ │ └── styles.xml
│ │ │ │ └── values
│ │ │ │ ├── strings.xml
│ │ │ │ └── styles.xml
│ │ │ └── profile
│ │ │ └── AndroidManifest.xml
│ ├── build.gradle
│ ├── gradle.properties
│ ├── gradle
│ │ └── wrapper
│ │ │ └── gradle-wrapper.properties
│ └── settings.gradle
├── assets
│ ├── fonts
│ │ ├── Mali-Bold.ttf
│ │ └── Mali-Regular.ttf
│ └── images
│ │ ├── calendar_header.jpg
│ │ └── calendar_header_rainy.jpg
├── ios
│ ├── .gitignore
│ ├── Flutter
│ │ ├── AppFrameworkInfo.plist
│ │ ├── Debug.xcconfig
│ │ ├── Flutter.podspec
│ │ ├── Release.xcconfig
│ │ └── flutter_export_environment.sh
│ ├── Podfile
│ ├── Podfile.lock
│ ├── Runner.xcodeproj
│ │ ├── project.pbxproj
│ │ ├── project.xcworkspace
│ │ │ ├── contents.xcworkspacedata
│ │ │ └── xcshareddata
│ │ │ │ ├── IDEWorkspaceChecks.plist
│ │ │ │ └── WorkspaceSettings.xcsettings
│ │ └── xcshareddata
│ │ │ └── xcschemes
│ │ │ └── Runner.xcscheme
│ ├── Runner.xcworkspace
│ │ ├── contents.xcworkspacedata
│ │ └── xcshareddata
│ │ │ ├── IDEWorkspaceChecks.plist
│ │ │ └── WorkspaceSettings.xcsettings
│ └── Runner
│ │ ├── AppDelegate.swift
│ │ ├── Assets.xcassets
│ │ ├── AppIcon.appiconset
│ │ │ ├── Contents.json
│ │ │ ├── Icon-App-1024x1024@1x.png
│ │ │ ├── Icon-App-20x20@1x.png
│ │ │ ├── Icon-App-20x20@2x.png
│ │ │ ├── Icon-App-20x20@3x.png
│ │ │ ├── Icon-App-29x29@1x.png
│ │ │ ├── Icon-App-29x29@2x.png
│ │ │ ├── Icon-App-29x29@3x.png
│ │ │ ├── Icon-App-40x40@1x.png
│ │ │ ├── Icon-App-40x40@2x.png
│ │ │ ├── Icon-App-40x40@3x.png
│ │ │ ├── Icon-App-60x60@2x.png
│ │ │ ├── Icon-App-60x60@3x.png
│ │ │ ├── Icon-App-76x76@1x.png
│ │ │ ├── Icon-App-76x76@2x.png
│ │ │ └── Icon-App-83.5x83.5@2x.png
│ │ └── LaunchImage.imageset
│ │ │ ├── Contents.json
│ │ │ ├── LaunchImage.png
│ │ │ ├── LaunchImage@2x.png
│ │ │ ├── LaunchImage@3x.png
│ │ │ └── README.md
│ │ ├── Base.lproj
│ │ ├── LaunchScreen.storyboard
│ │ └── Main.storyboard
│ │ ├── Info.plist
│ │ └── Runner-Bridging-Header.h
├── lib
│ ├── home.dart
│ └── main.dart
├── pubspec.yaml
├── test
│ └── widget_test.dart
├── web
│ ├── favicon.png
│ ├── icons
│ │ ├── Icon-192.png
│ │ └── Icon-512.png
│ ├── index.html
│ └── manifest.json
└── windows
│ ├── .gitignore
│ ├── CMakeLists.txt
│ ├── flutter
│ ├── CMakeLists.txt
│ ├── generated_plugin_registrant.cc
│ ├── generated_plugin_registrant.h
│ └── generated_plugins.cmake
│ └── runner
│ ├── CMakeLists.txt
│ ├── Runner.rc
│ ├── flutter_window.cpp
│ ├── flutter_window.h
│ ├── main.cpp
│ ├── resource.h
│ ├── resources
│ └── app_icon.ico
│ ├── run_loop.cpp
│ ├── run_loop.h
│ ├── runner.exe.manifest
│ ├── utils.cpp
│ ├── utils.h
│ ├── win32_window.cpp
│ └── win32_window.h
├── lib
├── flutter_rounded_date_picker.dart
└── src
│ ├── cupertino_rounded_date_picker.dart
│ ├── cupertino_rounded_duration_picker.dart
│ ├── dialogs
│ └── flutter_rounded_date_picker_dialog.dart
│ ├── era_mode.dart
│ ├── flutter_cupertino_rounded_date_picker_widget.dart
│ ├── flutter_rounded_button_action.dart
│ ├── flutter_rounded_date_picker_widget.dart
│ ├── flutter_rounded_time_picker_widget.dart
│ ├── material_rounded_date_picker_custom_Action_design_style.dart
│ ├── material_rounded_date_picker_style.dart
│ ├── material_rounded_year_picker_style.dart
│ ├── thai_date_utils.dart
│ └── widgets
│ ├── flutter_rounded_date_picker_header.dart
│ ├── flutter_rounded_day_picker.dart
│ ├── flutter_rounded_month_picker.dart
│ └── flutter_rounded_year_picker.dart
├── pubspec.yaml
└── screenshots
├── 1.png
├── 10.png
├── 11.png
├── 12.png
├── 13.png
├── 14.png
├── 15.png
├── 16.png
├── 17.png
├── 18.png
├── 19.png
├── 2.png
├── 20.png
├── 21.png
├── 22.png
├── 23.png
├── 24.png
├── 3.png
├── 4.png
├── 5.png
├── 6.png
├── 7.png
├── 8.png
├── 9.png
├── a1.gif
├── a2.gif
├── a3.gif
├── a4.gif
├── a5.gif
└── a6.gif
/.gitignore:
--------------------------------------------------------------------------------
1 | .DS_Store
2 | .dart_tool/
3 |
4 | .packages
5 | .pub/
6 |
7 | build/
8 | pubspec.lock
9 | .idea/
10 |
--------------------------------------------------------------------------------
/.idea/vcs.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
--------------------------------------------------------------------------------
/.idea/workspace.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 |
37 |
38 |
39 |
40 |
45 |
46 |
47 |
48 |
49 |
50 |
51 |
52 |
53 |
54 |
55 |
56 |
57 |
58 |
59 |
60 |
74 |
75 |
76 |
77 |
78 |
79 |
80 |
81 |
82 |
83 |
84 |
85 |
86 |
87 |
88 |
89 |
90 |
91 |
92 |
93 |
94 |
95 |
96 |
97 |
98 |
99 | 1566887686516
100 |
101 |
102 | 1566887686516
103 |
104 |
105 | 1566910822276
106 |
107 |
108 |
109 | 1566910822276
110 |
111 |
112 | 1566912004554
113 |
114 |
115 |
116 | 1566912004554
117 |
118 |
119 | 1566912039491
120 |
121 |
122 |
123 | 1566912039491
124 |
125 |
126 | 1566912862137
127 |
128 |
129 |
130 | 1566912862137
131 |
132 |
133 | 1566913178345
134 |
135 |
136 |
137 | 1566913178345
138 |
139 |
140 | 1566913569297
141 |
142 |
143 |
144 | 1566913569297
145 |
146 |
147 | 1566913694823
148 |
149 |
150 |
151 | 1566913694823
152 |
153 |
154 | 1566913747334
155 |
156 |
157 |
158 | 1566913747334
159 |
160 |
161 | 1566973538134
162 |
163 |
164 |
165 | 1566973538134
166 |
167 |
168 | 1566974122907
169 |
170 |
171 |
172 | 1566974122907
173 |
174 |
175 | 1581682844904
176 |
177 |
178 |
179 | 1581682844904
180 |
181 |
182 | 1581909446290
183 |
184 |
185 |
186 | 1581909446290
187 |
188 |
189 | 1581911082354
190 |
191 |
192 |
193 | 1581911082354
194 |
195 |
196 | 1582027966028
197 |
198 |
199 |
200 | 1582027966028
201 |
202 |
203 | 1582028094505
204 |
205 |
206 |
207 | 1582028094505
208 |
209 |
210 | 1582028376205
211 |
212 |
213 |
214 | 1582028376205
215 |
216 |
217 | 1582028623398
218 |
219 |
220 |
221 | 1582028623398
222 |
223 |
224 | 1615673321672
225 |
226 |
227 |
228 | 1615673321672
229 |
230 |
231 | 1615673503906
232 |
233 |
234 |
235 | 1615673503907
236 |
237 |
238 | 1619948878123
239 |
240 |
241 |
242 | 1619948878124
243 |
244 |
245 | 1653899126569
246 |
247 |
248 |
249 | 1653899126569
250 |
251 |
252 |
253 |
254 |
255 |
264 |
265 |
266 |
267 |
268 |
269 |
270 |
271 |
272 |
273 |
274 |
275 |
276 |
--------------------------------------------------------------------------------
/.metadata:
--------------------------------------------------------------------------------
1 | # This file tracks properties of this Flutter project.
2 | # Used by Flutter tool to assess capabilities and perform upgrades etc.
3 | #
4 | # This file should be version controlled and should not be manually edited.
5 |
6 | version:
7 | revision: 2fefa8c7315c32191aa10ef0ef03afb565e99701
8 | channel: master
9 |
10 | project_type: plugin
11 |
--------------------------------------------------------------------------------
/CHANGELOG.md:
--------------------------------------------------------------------------------
1 | # Changelog
2 | ## 3.04
3 | * Fixed bug textStyleDayButton display.
4 |
5 | ## 3.0.3
6 | * Fixed Error: The getter 'accentTextTheme' isn't defined for the class 'ThemeData'.
7 |
8 | ## 3.0.2
9 | * Fixed warning Flutter 3.3
10 |
11 | ## 3.0.1
12 | * Fixed dragable Cupertino date picker.
13 | * Fixed warning Flutter 3.0.
14 |
15 | ## 3.0.0
16 | * Fixed SchedulerBinding.instance with nullable change.
17 |
18 | ## 2.0.2
19 | * add backgroundHeaderMonth field in MaterialRoundedDatePickerStyle
20 |
21 | ## 2.0.1
22 | * Fix bug about "cancel button doesn't return null". (issues/37).
23 | * Fix error example project.
24 |
25 | ## 2.0.0
26 | * Migrate to null safety (Thx @felixgabler)
27 |
28 | ## 1.0.5+1
29 | * Fix bug
30 |
31 | ## 1.0.5
32 | * add height field for fix height of date picker.
33 | * fix bugs disable date still be selected.
34 |
35 | ## 1.0.4
36 | * fix error when select date that before first date / last date.
37 |
38 | ## 1.0.3
39 | * Fix bug era.
40 |
41 | ## 1.0.2
42 | * Fix bug era.
43 |
44 | ## 1.0.1
45 | * Fix bug era.
46 |
47 | ## 1.0.0
48 | * Add custom style and builder for date picker on tablet.
49 |
50 | ## 0.3.0
51 |
52 | * Add possibility to have a custom button on left.
53 | * Add Android style time picker.
54 | * Some code improvements.
55 |
56 | ## 0.2.0
57 |
58 | * Support cupertino date time picker.
59 | * Support cupertino duration picker.
60 |
61 | ## 0.1.0
62 |
63 | * Support border radius date picker.
64 | * Support thai buddhist year.
65 |
--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
1 | Licensed under the Apache License, Version 2.0 (the "License"); you may not use this work except in compliance with the License. You may obtain a copy of the License in the LICENSE file, or at:
2 |
3 | http://www.apache.org/licenses/LICENSE-2.0
4 |
5 | Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # Flutter Rounded Date Picker
2 |
3 | The Flutter plugin that help you can choose dates and years with rounded calendars and customizable themes.
4 |
5 | 
6 | 
7 | 
8 | 
9 |
10 | ## Installing
11 |
12 | Add dependencies in pubspec.yaml file. Add 2 things in it including flutter_localizations
13 |
14 | ```dart
15 | dependencies:
16 | flutter_localizations:
17 | sdk: flutter
18 | flutter_rounded_date_picker: 3.0.2
19 | ```
20 |
21 | ## Importing
22 |
23 | import packages into your dart.
24 |
25 | ```dart
26 | import 'package:flutter_localizations/flutter_localizations.dart';
27 | import 'package:flutter_rounded_date_picker/rounded_picker.dart';
28 | ```
29 |
30 | ## Initialize localizations
31 |
32 | Add localization delegates in MaterialApp Widget and add languages that your app supports.
33 |
34 | ```dart
35 | MaterialApp(
36 | localizationsDelegates: [
37 | GlobalMaterialLocalizations.delegate,
38 | GlobalWidgetsLocalizations.delegate,
39 | ],
40 | supportedLocales: [
41 | const Locale('en', 'US'), // English
42 | const Locale('th', 'TH'), // Thai
43 | ],
44 | ...
45 | )
46 | ```
47 |
48 | ## Show Date Picker
49 |
50 | Show date picker which you can specify a date that allows users to choose.
51 |
52 | ```dart
53 | DateTime newDateTime = await showRoundedDatePicker(
54 | context: context,
55 | initialDate: DateTime.now(),
56 | firstDate: DateTime(DateTime.now().year - 1),
57 | lastDate: DateTime(DateTime.now().year + 1),
58 | borderRadius: 16,
59 | ),
60 | ```
61 |
62 | 
63 | 
64 |
65 | ## Show Year Picker
66 |
67 | Show year picker which you can specify a year start and end that allows users to choose.
68 |
69 | ```dart
70 | DateTime newDateTime = await showRoundedDatePicker(
71 | context: context,
72 | initialDatePickerMode: DatePickerMode.year,
73 | theme: ThemeData(primarySwatch: Colors.green),
74 | );
75 | ```
76 |
77 | 
78 |
79 | ## Theme
80 |
81 | You can assign themes to the date picker by using ThemeData class and PrimarySwatch.
82 |
83 | ```dart
84 | DateTime newDateTime = await showRoundedDatePicker(
85 | context: context,
86 | theme: ThemeData(primarySwatch: Colors.pink),
87 | );
88 | ```
89 |
90 | 
91 |
92 | Dark theme
93 |
94 | ```dart
95 | DateTime newDateTime = await showRoundedDatePicker(
96 | context: context,
97 | theme: ThemeData.dark(),
98 | );
99 | ```
100 |
101 | 
102 |
103 | Custom Theme with ThemeData
104 |
105 | ```dart
106 | DateTime newDateTime = await showRoundedDatePicker(
107 | context: context,
108 | background: Colors.white,
109 | theme: ThemeData(
110 | primaryColor: Colors.red[400],
111 | accentColor: Colors.green[800],
112 | dialogBackgroundColor: Colors.purple[50],
113 | textTheme: TextTheme(
114 | body1: TextStyle(color: Colors.red),
115 | caption: TextStyle(color: Colors.blue),
116 | ),
117 | disabledColor: Colors.orange,
118 | accentTextTheme: TextTheme(
119 | body2 : TextStyle(color: Colors.green[200]),
120 | ),
121 | ),
122 | );
123 | ```
124 |
125 | 
126 |
127 |
128 | ## Customize Date Picker
129 |
130 | You can use styleDatePicker field for date picker style such as font size, weight, text color each part in the date picker.
131 |
132 | Example custom font size and padding for displaying on a Tablet. (Pixel C, iPad 9.7")
133 | ```dart
134 | DateTime newDateTime = await showRoundedDatePicker(
135 | context: context,
136 | theme: ThemeData(primarySwatch: Colors.deepPurple),
137 | styleDatePicker: MaterialRoundedDatePickerStyle(
138 | textStyleDayButton: TextStyle(fontSize: 36, color: Colors.white),
139 | textStyleYearButton: TextStyle(
140 | fontSize: 52,
141 | color: Colors.white,
142 | ),
143 | textStyleDayHeader: TextStyle(
144 | fontSize: 24,
145 | color: Colors.white,
146 | ),
147 | textStyleCurrentDayOnCalendar:
148 | TextStyle(fontSize: 32, color: Colors.white, fontWeight: FontWeight.bold),
149 | textStyleDayOnCalendar: TextStyle(fontSize: 28, color: Colors.white),
150 | textStyleDayOnCalendarSelected:
151 | TextStyle(fontSize: 32, color: Colors.white, fontWeight: FontWeight.bold),
152 | textStyleDayOnCalendarDisabled: TextStyle(fontSize: 28, color: Colors.white.withOpacity(0.1)),
153 | textStyleMonthYearHeader:
154 | TextStyle(fontSize: 32, color: Colors.white, fontWeight: FontWeight.bold),
155 | paddingDatePicker: EdgeInsets.all(0),
156 | paddingMonthHeader: EdgeInsets.all(32),
157 | paddingActionBar: EdgeInsets.all(16),
158 | paddingDateYearHeader: EdgeInsets.all(32),
159 | sizeArrow: 50,
160 | colorArrowNext: Colors.white,
161 | colorArrowPrevious: Colors.white,
162 | marginLeftArrowPrevious: 16,
163 | marginTopArrowPrevious: 16,
164 | marginTopArrowNext: 16,
165 | marginRightArrowNext: 32,
166 | textStyleButtonAction: TextStyle(fontSize: 28, color: Colors.white),
167 | textStyleButtonPositive:
168 | TextStyle(fontSize: 28, color: Colors.white, fontWeight: FontWeight.bold),
169 | textStyleButtonNegative: TextStyle(fontSize: 28, color: Colors.white.withOpacity(0.5)),
170 | decorationDateSelected: BoxDecoration(color: Colors.orange[600], shape: BoxShape.circle),
171 | backgroundPicker: Colors.deepPurple[400],
172 | backgroundActionBar: Colors.deepPurple[300],
173 | backgroundHeaderMonth: Colors.deepPurple[300],
174 | ),
175 | styleYearPicker: MaterialRoundedYearPickerStyle(
176 | textStyleYear: TextStyle(fontSize: 40, color: Colors.white),
177 | textStyleYearSelected:
178 | TextStyle(fontSize: 56, color: Colors.white, fontWeight: FontWeight.bold),
179 | heightYearRow: 100,
180 | backgroundPicker: Colors.deepPurple[400],
181 | ));
182 | ```
183 |
184 | 
185 |
186 | 
187 |
188 | 
189 |
190 | ### Custom action button and text on button.
191 |
192 | Added the action button and the button's custom text.
193 |
194 | ```dart
195 | DateTime newDateTime = await showRoundedDatePicker(
196 | ...
197 | textActionButton: "ACTION",
198 | onTapActionButton: (){
199 | //
200 | },
201 | textPositiveButton: "OK",
202 | textNegativeButton: "CANCEL");
203 | ```
204 |
205 | 
206 |
207 | ### Custom weekday header text.
208 |
209 | Customize the header of the weekday.
210 |
211 | ```dart
212 | DateTime newDateTime = await showRoundedDatePicker(
213 | ...
214 | customWeekDays: ["SUN", "MON", "TUE", "WED", "THU", "FRI", "SAT"]);
215 | ```
216 |
217 | 
218 |
219 | ### Custom disabled date.
220 |
221 | Add closed date cannot be selected.
222 |
223 | ```dart
224 | DateTime newDateTime = await showRoundedDatePicker(
225 | ...
226 | listDateDisabled: [
227 | DateTime.now().subtract(Duration(days: 2)),
228 | DateTime.now().subtract(Duration(days: 4)),
229 | DateTime.now().subtract(Duration(days: 6)),
230 | DateTime.now().subtract(Duration(days: 8)),
231 | DateTime.now().subtract(Duration(days: 10)),
232 | DateTime.now().add(Duration(days: 2)),
233 | DateTime.now().add(Duration(days: 4)),
234 | DateTime.now().add(Duration(days: 6)),
235 | DateTime.now().add(Duration(days: 8)),
236 | DateTime.now().add(Duration(days: 10)),
237 | ]);
238 | ```
239 |
240 | 
241 |
242 | ### Custom callback on tap day.
243 |
244 | Add callback when tap on day.
245 |
246 | ```dart
247 | DateTime newDateTime = await showRoundedDatePicker(
248 | ...
249 | onTapDay: (DateTime dateTime, bool available) {
250 | if (!available) {
251 | showDialog(
252 | context: context,
253 | builder: (c) => CupertinoAlertDialog(title: Text("This date cannot be selected."),actions: [
254 | CupertinoDialogAction(child: Text("OK"),onPressed: (){
255 | Navigator.pop(context);
256 | },)
257 | ],));
258 | }
259 | return available;
260 | });
261 | ```
262 |
263 | 
264 |
265 | ### Custom builder day on date picker.
266 |
267 | Customize the display format of the day widget.
268 |
269 | ```dart
270 | DateTime newDateTime = await showRoundedDatePicker(
271 | ...
272 | builderDay:
273 | (DateTime dateTime, bool isCurrentDay, bool isSelected, TextStyle defaultTextStyle) {
274 | if (isSelected) {
275 | return Container(
276 | decoration: BoxDecoration(color: Colors.orange[600], shape: BoxShape.circle),
277 | child: Center(
278 | child: Text(
279 | dateTime.day.toString(),
280 | style: defaultTextStyle,
281 | ),
282 | ),
283 | );
284 | }
285 |
286 | if (dateTime.day == 10) {
287 | return Container(
288 | decoration: BoxDecoration(
289 | border: Border.all(color: Colors.pink[300], width: 4), shape: BoxShape.circle),
290 | child: Center(
291 | child: Text(
292 | dateTime.day.toString(),
293 | style: defaultTextStyle,
294 | ),
295 | ),
296 | );
297 | }
298 | if (dateTime.day == 12) {
299 | return Container(
300 | decoration: BoxDecoration(
301 | border: Border.all(color: Colors.pink[300], width: 4), shape: BoxShape.circle),
302 | child: Center(
303 | child: Text(
304 | dateTime.day.toString(),
305 | style: defaultTextStyle,
306 | ),
307 | ),
308 | );
309 | }
310 |
311 | return Container(
312 | child: Center(
313 | child: Text(
314 | dateTime.day.toString(),
315 | style: defaultTextStyle,
316 | ),
317 | ),
318 | );
319 | });
320 | ```
321 |
322 | 
323 |
324 | ## Image Background Header
325 |
326 | Use images as the header of the date picker and you can also add more details.
327 |
328 | * You need to specify the path of images in your asset (pubspec.yaml).
329 |
330 | ```dart
331 | DateTime newDateTime = await showRoundedDatePicker(
332 | context: context,
333 | theme: ThemeData(primarySwatch: Colors.blue),
334 | imageHeader: AssetImage("assets/images/calendar_header.jpg"),
335 | description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.",
336 | );
337 | ```
338 |
339 | 
340 |
341 | ## Customize Font in Date Picker
342 |
343 | You can adjust the Font-family in the date picker.
344 |
345 | * You need to specify the path of font in your fonts (pubspec.yaml).
346 |
347 | ```dart
348 | DateTime newDateTime = await showRoundedDatePicker(
349 | context: context,
350 | fontFamily: "Mali"
351 | );
352 | ```
353 |
354 | 
355 |
356 | ## Date Picker Locale
357 |
358 | You can set the date picker locale. By specifying the language code and country code.
359 | As of April 2019, this package supports about 52 languages.
360 |
361 | ```dart
362 | DateTime newDateTime = await showRoundedDatePicker(
363 | context: context,
364 | locale: Locale("zh","CN"),
365 | theme: ThemeData(primarySwatch: Colors.pink),
366 | );
367 | ```
368 |
369 | 
370 |
371 | ## Thai and Buddhist Year
372 |
373 | If you are using Thai language And use the Buddhist era (543 BCE). Plugins that support these capabilities.
374 |
375 | ```dart
376 | DateTime newDateTime = await showRoundedDatePicker(
377 | context: context,
378 | locale: Locale("th", "TH"),
379 | era: EraMode.BUDDHIST_YEAR,
380 | );
381 | ```
382 |
383 | 
384 |
385 | ## Show Time Picker
386 |
387 | Show time picker, all feature of date picker is available (except description)
388 |
389 | ```dart
390 | final timePicked = await showRoundedTimePicker(
391 | context: context,
392 | initialTime: TimeOfDay.now(),
393 | );
394 | ```
395 |
396 | 
397 |
398 | # Cupertino Date Picker
399 |
400 | Show date and duration picker iOS style.
401 |
402 | ## Installing
403 |
404 | Add Flutter Cupertino Localizations in dependencies pub.yaml.
405 |
406 | ```yaml
407 | dependencies:
408 | flutter:
409 | sdk: flutter
410 | flutter_localizations:
411 | sdk: flutter
412 | flutter_cupertino_localizations: 1.0.1
413 | ```
414 |
415 | ## Initialize localizations
416 |
417 | Add CupertinoLocalizations delegate to localizations delegate on your App.
418 | The cupertino date picker will use current app locale in picker.
419 |
420 | ```dart
421 | MaterialApp(
422 | debugShowCheckedModeBanner: false,
423 | localizationsDelegates: [
424 | GlobalMaterialLocalizations.delegate,
425 | GlobalWidgetsLocalizations.delegate,
426 | DefaultCupertinoLocalizations.delegate,
427 | GlobalCupertinoLocalizations.delegate, // Add global cupertino localiztions.
428 | ],
429 | locale: Locale('en', 'US'), // Current locale
430 | supportedLocales: [
431 | const Locale('en', 'US'), // English
432 | const Locale('th', 'TH'), // Thai
433 | ],
434 | )
435 | ```
436 |
437 | ## Show Cupertino Date Picker
438 |
439 | Call the method for displaying date picker.
440 | The callback date time instance will be return with onDateTimeChange.
441 |
442 | ```dart
443 | CupertinoRoundedDatePicker.show(
444 | context,
445 | fontFamily: "Mali",
446 | textColor: Colors.white,
447 | background: Colors.red[300],
448 | borderRadius: 16,
449 | initialDatePickerMode: CupertinoDatePickerMode.date,
450 | onDateTimeChanged: (newDateTime) {
451 | //
452 | },
453 | );
454 | ```
455 |
456 | 
457 |
458 | More Cupertino Date Picker Mode
459 |
460 | ```dart
461 | CupertinoDatePickerMode.date
462 | CupertinoDatePickerMode.dateAndTime
463 | CupertinoDatePickerMode.time
464 | ```
465 |
466 | 
467 | 
468 |
469 | using Thai and Buddhist Year
470 |
471 | ```dart
472 | /// Current locale is TH.
473 | CupertinoRoundedDatePicker.show(
474 | context,
475 | fontFamily: "Mali",
476 | textColor: Colors.white,
477 | era: EraMode.BUDDHIST_YEAR,
478 | background: Colors.red[300],
479 | borderRadius: 16,
480 | initialDatePickerMode: CupertinoDatePickerMode.date,
481 | onDateTimeChanged: (newDateTime) {
482 | //
483 | },
484 | );
485 | ```
486 |
487 | 
488 |
489 | ## Cupertino Duration Picker
490 |
491 | in iOS , Flutter cupertino support duration and timer picker.
492 |
493 | ```dart
494 | CupertinoRoundedDurationPicker.show(
495 | context,
496 | initialTimerDuration: Duration(minute:10),
497 | initialDurationPickerMode: CupertinoTimerPickerMode.hms,
498 | fontFamily: "Mali",
499 | onDurationChanged: (newDuration) {
500 | //
501 | },
502 | );
503 | ```
504 |
505 | 
506 |
507 | More Cupertino Duration Picker Mode
508 |
509 | ```dart
510 | CupertinoTimerPickerMode.hms
511 | CupertinoTimerPickerMode.hm
512 | CupertinoTimerPickerMode.ms
513 | ```
514 |
515 | 
516 | 
517 |
518 | ## Thanks
519 | [felixgabler](https://github.com/felixgabler)
520 |
--------------------------------------------------------------------------------
/android/app/src/main/java/io/flutter/plugins/GeneratedPluginRegistrant.java:
--------------------------------------------------------------------------------
1 | package io.flutter.plugins;
2 |
3 | import io.flutter.plugin.common.PluginRegistry;
4 |
5 | /**
6 | * Generated file. Do not edit.
7 | */
8 | public final class GeneratedPluginRegistrant {
9 | public static void registerWith(PluginRegistry registry) {
10 | if (alreadyRegisteredWith(registry)) {
11 | return;
12 | }
13 | }
14 |
15 | private static boolean alreadyRegisteredWith(PluginRegistry registry) {
16 | final String key = GeneratedPluginRegistrant.class.getCanonicalName();
17 | if (registry.hasPlugin(key)) {
18 | return true;
19 | }
20 | registry.registrarFor(key);
21 | return false;
22 | }
23 | }
24 |
--------------------------------------------------------------------------------
/android/gradle/wrapper/gradle-wrapper.properties:
--------------------------------------------------------------------------------
1 | distributionBase=GRADLE_USER_HOME
2 | distributionPath=wrapper/dists
3 | zipStoreBase=GRADLE_USER_HOME
4 | zipStorePath=wrapper/dists
5 | distributionUrl=https\://services.gradle.org/distributions/gradle-7.6.1-all.zip
--------------------------------------------------------------------------------
/android/local.properties:
--------------------------------------------------------------------------------
1 | sdk.dir=C:\\Users\\User\\AppData\\Local\\Android\\sdk
2 | flutter.sdk=C:\\flutter\\flutter
--------------------------------------------------------------------------------
/android/src/main/kotlin/com/benzneststudios/flutter_rounded_date_picker/FlutterRoundedDatePickerPlugin.kt:
--------------------------------------------------------------------------------
1 | package com.benzneststudios.flutter_rounded_date_picker
2 |
3 | import io.flutter.plugin.common.MethodCall
4 | import io.flutter.plugin.common.MethodChannel
5 | import io.flutter.plugin.common.MethodChannel.MethodCallHandler
6 | import io.flutter.plugin.common.MethodChannel.Result
7 | import io.flutter.plugin.common.PluginRegistry.Registrar
8 |
9 | class FlutterRoundedDatePickerPlugin: MethodCallHandler {
10 | companion object {
11 | @JvmStatic
12 | fun registerWith(registrar: Registrar) {
13 | val channel = MethodChannel(registrar.messenger(), "flutter_rounded_date_picker")
14 | channel.setMethodCallHandler(FlutterRoundedDatePickerPlugin())
15 | }
16 | }
17 |
18 | override fun onMethodCall(call: MethodCall, result: Result) {
19 | if (call.method == "getPlatformVersion") {
20 | result.success("Android ${android.os.Build.VERSION.RELEASE}")
21 | } else {
22 | result.notImplemented()
23 | }
24 | }
25 | }
26 |
--------------------------------------------------------------------------------
/example/.gitignore:
--------------------------------------------------------------------------------
1 | # Miscellaneous
2 | *.class
3 | *.log
4 | *.pyc
5 | *.swp
6 | .DS_Store
7 | .atom/
8 | .buildlog/
9 | .history
10 | .svn/
11 |
12 | # IntelliJ related
13 | *.iml
14 | *.ipr
15 | *.iws
16 | .idea/
17 |
18 | # The .vscode folder contains launch configuration and tasks you configure in
19 | # VS Code which you may wish to be included in version control, so this line
20 | # is commented out by default.
21 | #.vscode/
22 |
23 | # Flutter/Dart/Pub related
24 | **/doc/api/
25 | .dart_tool/
26 | .flutter-plugins
27 | .packages
28 | .pub-cache/
29 | .pub/
30 | /build/
31 | pubspec.lock
32 |
33 | # Android related
34 | **/android/**/gradle-wrapper.jar
35 | **/android/.gradle
36 | **/android/captures/
37 | **/android/gradlew
38 | **/android/gradlew.bat
39 | **/android/local.properties
40 | **/android/**/GeneratedPluginRegistrant.java
41 |
42 | # iOS/XCode related
43 | **/ios/**/*.mode1v3
44 | **/ios/**/*.mode2v3
45 | **/ios/**/*.moved-aside
46 | **/ios/**/*.pbxuser
47 | **/ios/**/*.perspectivev3
48 | **/ios/**/*sync/
49 | **/ios/**/.sconsign.dblite
50 | **/ios/**/.tags*
51 | **/ios/**/.vagrant/
52 | **/ios/**/DerivedData/
53 | **/ios/**/Icon?
54 | **/ios/**/Pods/
55 | **/ios/**/.symlinks/
56 | **/ios/**/profile
57 | **/ios/**/xcuserdata
58 | **/ios/.generated/
59 | **/ios/Flutter/App.framework
60 | **/ios/Flutter/Flutter.framework
61 | **/ios/Flutter/Generated.xcconfig
62 | **/ios/Flutter/app.flx
63 | **/ios/Flutter/app.zip
64 | **/ios/Flutter/flutter_assets/
65 | **/ios/ServiceDefinitions.json
66 | **/ios/Runner/GeneratedPluginRegistrant.*
67 |
68 | # Exceptions to above rules.
69 | !**/ios/**/default.mode1v3
70 | !**/ios/**/default.mode2v3
71 | !**/ios/**/default.pbxuser
72 | !**/ios/**/default.perspectivev3
73 | !/packages/flutter_tools/test/data/dart_dependencies_test/**/.packages
74 |
--------------------------------------------------------------------------------
/example/.metadata:
--------------------------------------------------------------------------------
1 | # This file tracks properties of this Flutter project.
2 | # Used by Flutter tool to assess capabilities and perform upgrades etc.
3 | #
4 | # This file should be version controlled and should not be manually edited.
5 |
6 | version:
7 | revision: 2fefa8c7315c32191aa10ef0ef03afb565e99701
8 | channel: master
9 |
10 | project_type: app
11 |
--------------------------------------------------------------------------------
/example/README.md:
--------------------------------------------------------------------------------
1 | # flutter_rounded_date_picker_example
2 |
3 | Demonstrates how to use the flutter_rounded_date_picker plugin.
4 |
5 | ## Getting Started
6 |
7 | This project is a starting point for a Flutter application.
8 |
9 | A few resources to get you started if this is your first Flutter project:
10 |
11 | - [Lab: Write your first Flutter app](https://flutter.dev/docs/get-started/codelab)
12 | - [Cookbook: Useful Flutter samples](https://flutter.dev/docs/cookbook)
13 |
14 | For help getting started with Flutter, view our
15 | [online documentation](https://flutter.dev/docs), which offers tutorials,
16 | samples, guidance on mobile development, and a full API reference.
17 |
--------------------------------------------------------------------------------
/example/android/.gitignore:
--------------------------------------------------------------------------------
1 | gradle-wrapper.jar
2 | /.gradle
3 | /captures/
4 | /gradlew
5 | /gradlew.bat
6 | /local.properties
7 | GeneratedPluginRegistrant.java
8 |
9 | # Remember to never publicly share your keystore.
10 | # See https://flutter.dev/docs/deployment/android#reference-the-keystore-from-the-app
11 | key.properties
12 |
--------------------------------------------------------------------------------
/example/android/app/build.gradle:
--------------------------------------------------------------------------------
1 | def localProperties = new Properties()
2 | def localPropertiesFile = rootProject.file('local.properties')
3 | if (localPropertiesFile.exists()) {
4 | localPropertiesFile.withReader('UTF-8') { reader ->
5 | localProperties.load(reader)
6 | }
7 | }
8 |
9 | def flutterRoot = localProperties.getProperty('flutter.sdk')
10 | if (flutterRoot == null) {
11 | throw new GradleException("Flutter SDK not found. Define location with flutter.sdk in the local.properties file.")
12 | }
13 |
14 | def flutterVersionCode = localProperties.getProperty('flutter.versionCode')
15 | if (flutterVersionCode == null) {
16 | flutterVersionCode = '1'
17 | }
18 |
19 | def flutterVersionName = localProperties.getProperty('flutter.versionName')
20 | if (flutterVersionName == null) {
21 | flutterVersionName = '1.0'
22 | }
23 |
24 | apply plugin: 'com.android.application'
25 | apply from: "$flutterRoot/packages/flutter_tools/gradle/flutter.gradle"
26 |
27 | android {
28 | compileSdkVersion 33
29 |
30 | lintOptions {
31 | disable 'InvalidPackage'
32 | }
33 |
34 | defaultConfig {
35 | // TODO: Specify your own unique Application ID (https://developer.android.com/studio/build/application-id.html).
36 | applicationId "com.benzneststudios.flutter_rounded_date_picker_example"
37 | minSdkVersion 16
38 | targetSdkVersion 31
39 | versionCode flutterVersionCode.toInteger()
40 | versionName flutterVersionName
41 | testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner"
42 | }
43 |
44 | buildTypes {
45 | release {
46 | // TODO: Add your own signing config for the release build.
47 | // Signing with the debug keys for now, so `flutter run --release` works.
48 | signingConfig signingConfigs.debug
49 | }
50 | }
51 | }
52 |
53 | flutter {
54 | source '../..'
55 | }
56 |
57 | dependencies {
58 | implementation 'androidx.appcompat:appcompat:1.1.0'
59 | testImplementation 'junit:junit:4.12'
60 | androidTestImplementation 'androidx.test:runner:1.1.1'
61 | androidTestImplementation 'androidx.test.espresso:espresso-core:3.1.1'
62 | }
63 |
--------------------------------------------------------------------------------
/example/android/app/src/debug/AndroidManifest.xml:
--------------------------------------------------------------------------------
1 |
3 |
6 |
7 |
8 |
--------------------------------------------------------------------------------
/example/android/app/src/main/AndroidManifest.xml:
--------------------------------------------------------------------------------
1 |
2 |
4 |
5 |
8 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
28 |
31 |
32 |
33 |
37 |
38 |
39 |
--------------------------------------------------------------------------------
/example/android/app/src/main/java/com/benzneststudios/flutter_rounded_date_picker_example/MainActivity.java:
--------------------------------------------------------------------------------
1 | package com.benzneststudios.flutter_rounded_date_picker_example;
2 |
3 | import android.os.Bundle;
4 |
5 | import io.flutter.embedding.android.FlutterActivity;
6 | import io.flutter.plugins.GeneratedPluginRegistrant;
7 |
8 | public class MainActivity extends FlutterActivity {
9 | @Override
10 | protected void onCreate(Bundle savedInstanceState) {
11 | super.onCreate(savedInstanceState);
12 | GeneratedPluginRegistrant.registerWith(this.getFlutterEngine());
13 | }
14 | }
15 |
--------------------------------------------------------------------------------
/example/android/app/src/main/res/drawable-v21/launch_background.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |