Flutter Tutorial - Date Picker, Date Range Picker & Time Picker

[@HeyFlutter]

This might help you :) 👉 12 Week Flutter Training from Newbie to Expert: heyflutter.com Source Code: github.com/JohannesMilke/date_picker_example Cupertino Date Picker Tutorial: kzbin.info/www/bejne/l4HEd5SieJeUaJo Login & Signup Tutorial: kzbin.info/www/bejne/Y2SVeXyph8tlbNE Deploy Web App With Firebase Hosting Tutorial: kzbin.info/www/bejne/rnvSaICnqMpsbJI QR Code Scanner Tutorial: kzbin.info/www/bejne/kGSViKaLnrSYndU Bar Code Scanner Tutorial: kzbin.info/www/bejne/e6vdqWObfqdnja8 Crop & Save Image Tutorial: kzbin.info/www/bejne/ponFc4eAqZyZqK8 Text Recognition Tutorial: kzbin.info/www/bejne/in-upXqFj7d0a9E Onboarding UI Screen Tutorial: kzbin.info/www/bejne/eYLPcmWmYpKie8k Build Chat App Tutorial: kzbin.info/www/bejne/rXmslH16hsd1fNU Tic Tac Toe Game Tutorial: kzbin.info/www/bejne/d4m3k5aea6apq6c Quiz App Tutorial: kzbin.info/www/bejne/nYTZlWCfZa-Gqbc Video Player Tutorial: kzbin.info/www/bejne/q6uXqYWkepKIf9k

[@computerprogrammer9279]

bro I consider that this is the best youtube channel learning flutter

[@reigningdale]

Thank you. There's a lot of flutter tutorials already but its outdated 1 yr - 2yrs ago. Its better to have new ones and working tutorials like you have. Nice job, keep creating flutter tutorials. Cheers

[@HeyFlutter]

Thanks, Raine! 🙂 Sure I will create more Flutter tutorials 👍 Also, check out my Flutter Playlist for all my Flutter videos here: kzbin.info/www/bejne/gYPYoYaipqaAp9U

[@sargamagarwal4544]

Thank you so much for such an amazing video. You are helping me with my college project 💙

[@VIIlncent]

Danke, werd ich die kommenden Wochen hoffentlich ausprobieren können.

[@baongocngo70]

thanks for teaching

[@goldenlife6166]

Great work johannes

[@Gandalf238]

What a beast! Really, for those of us who are making our first steps, this is gold! Thank you! But I have to ask, how can I add the onPressed button to save this picks, in order to update a list (I'm working on a human resources management, and this is for cheking when they ask for their vacations). THANKS A LOT!

[@HeyFlutter]

Thank You Iván David! Follow this link: stackoverflow.com/questions/60706975/flutter-how-can-i-save-my-date-in-share-preferences I hope you will get your answer 🙂

[@samuelcontreras8801]

Muchas gracias amigo! estaba atorado con el datepicker

[@soistartedgaming3457]

Thank you very much mate

[@letmeflutter6644]

thank you. really helps alot

[@HeyFlutter]

Glad I could be of help, Thank you Let me Flutter! 😊

[@janammaharjan2699]

Thank you for Time Part :)

[@ansoriwebid1583]

Thank you, help me a lot!

[@anghamjbeli3037]

great please how can i select time range ?

[@sejodgamer7236]

thx for good course - can you help !! how to sort the range of date range to list if text feilds like rows??

[@HeyFlutter]

Thank You sejod Gamer! Follow this link: stackoverflow.com/questions/57000166/how-to-sort-order-a-list-by-date-in-dart-flutter I hope you will get your answer 🙂

[@DJKOALATH]

Mike , Thanks you for this your video but i'm beginner can't send parameter date to next page. please you can teach me thanks you

[@HeyFlutter]

Thank You DJKOALA TH! Follow this link: stackoverflow.com/questions/53861302/passing-data-between-screens-in-flutter I hope you will get your answer 🙂

[@AjilSathyanLMCEC]

Nice video bro.thanks

[@BlackTelephoneGrey]

At the moment there doesn't seem to be a multi-date-range picker solution natively in a Flutter widget? I'd want to try to avoid using Syncfusion's solution, but also avoid building an entire calendar widget myself.

[@HeyFlutter]

Thank You BlackTelephoneGrey! Follow this link: stackoverflow.com/questions/69164091/how-can-i-pick-multiple-dates-in-flutter I hope you will get your answer 🙂

[@stevedrolet-toutant2961]

Excellent tutorial, thank you ! 😀 I can't figure out how to put 'dateTime' value inside Firestore..

[@HeyFlutter]

Thank You Steve Drolet-Toutant! Follow this link: groups.google.com/g/flutter-dev/c/4lzAoV6URkA?pli=1 I hope you will get your answer 🙂

[@nazihanedri4770]

Hi, Thank you for your video it really helped, I just have one question how can I save the date that I PICKED so that even if I go back to the home page it won't change ?

[@nazihanedri4770]

​@@HeyFlutter Ah OK thanks and , Do You have a vidéo for that ?

[@user-xe8vl9eh9l]

which is best to watch your course first or to watch youtube videos first please reply,i really want to be a freelance flutter developer

[@HeyFlutter]

Thanks, Supriya Vani! 🙂My KZbin videos are awesome and sufficient for all beginners and hobby Flutter developers who are learning Flutter. My Flutter Courses are more for people who want to become a great Flutter developer, while already having some basic knowledge around Flutter.

[@user-xe8vl9eh9l]

@@HeyFlutter hi johannes how to bloc third party keyboard in flutter app

[@NinjaGaming-te6od]

Can I possibly add date picker on my apps? I am using rxdart and bloc on my text field

[@Khalid-xv8ni]

awesome video, i got trouble when the dialog date time range show, i got white background , i hardly see save button, do you know to change the background?

[@Khalid-xv8ni]

nevermind i fix the problem, with builder inside showDateRangePicker

[@nooreennurina5075]

Hi Sir! Thank you for teh tutorial i manage to get this but how can i store my date and time as a textfield so that i can insert the data in mysql. Thanks in advance!

[@HeyFlutter]

Thank You Nooreen Nurina! Follow this link: alvinalexander.com/flutter/using-sqlite-datetime-field-flutter-dart/ I hope you will get your answer 🙂

[@vincenzoizzo978]

Hi, is it possible to have the descriptions of the calendar like month day .. in another language? Thanks

[@vincenzoizzo978]

@@HeyFlutter Tks !!!!!

[@lizmeza6640]

Hi, interesting... i would like to know how i can add a button that returns the date to "today" in the header (close to the right and left button). Thank you

[@HeyFlutter]

Thank you 😊, Liz Meza! Check out this api documentation : api.flutter.dev/flutter/dart-core/DateTime-class.html

[@thinkprogramming6764]

Thanks for tutorial but please tell that how can we select multiple random dates with date picker

[@HeyFlutter]

Thank You Think Programming! Follow this link: rrtutors.com/tutorials/how-to-select-date-in-flutter-application I hope you will get your answer 🙂

[@vincenzoizzo978]

Hi, how can I view the time with 24 hours in the timepicker? Thanks in advance.

[@HeyFlutter]

Thank You vincenzo izzo! Follow this link: stackoverflow.com/questions/52002388/how-to-use-24-hour-clock-when-invoking-showtimepicker-in-flutter I hope you will get your answer 🙂

[@vincenzoizzo978]

@@HeyFlutter Thanks, always very kind👍👍

[@weechinlim223]

Hi! I have a question, let's say today's date is 19th August, and the DateTime.now does select 19th August. But if I were to to move to September, will the calendar automatically select 1st Sept, and if I were to return back to August, will it select 19th August or 1st August?

[@weechinlim223]

sorry if its alittle confusing, i tried my best to explain..

[@weechinlim223]

@@HeyFlutter im quite new to this, but is there any resource or code on how or any way so that it ensures that if i were on a different month and when I were to revert to the current month, it will instead continue selecting today's date?

[@dalu_]

Yeah but I want a text field when tapped to open a datepicker. No one creates a button with a text "select date", but the date is already in the text field

[@RizalAbulFata]

hi, how to get data from widget datetime picker when I declare it as a widget inside another widget, cause it was different class

[@RizalAbulFata]

@@HeyFlutter thanks for your response, i mean it's about giving controller on it, so i can get text or controlling from another widhet, but luckily, i've been solved my problem.

[@sownlangthang]

tks bro !!

[@mubashirahmed3156]

Great Video But I wonder how can we add AM and PM in the time of day using datepicker?

[@HeyFlutter]

Thank You Mubashir Ahmed! Follow this link: stackoverflow.com/questions/57016056/flutter-flutter-datetime-picker-package-to-generate-am-pm I hope you will get your answer 🙂

[@lakshminarayananm8764]

Is there any solution for 12:12 pm picker. Whenever select 12:00pm it always comes as 12:00 (AM format)

[@HeyFlutter]

Thank You Lakshmi Narayanan M! Follow this link: stackoverflow.com/questions/51579546/how-to-format-datetime-in-flutter I hope you will get your answer 🙂

[@NguyenPhuc-oe1fm]

Hi, May I ask what's the function of date 26th in the beginning ? The unfilled circle boxshape date

[@NguyenPhuc-oe1fm]

I watched that, and I thought initialDate you are showing is date 16th ? not 26th Im confused about that as I just started Flutter recently 😔

[@ravindu_yasas]

perfect tutorial! thank you very much! I have Question, I'm developing a medicine reminder using flutter. I use firebase for backend! with date time picker I willing to add more text fields in same page. so I need to save medicine name, type, date and time in firebase . but using date range and time is that possible to save multiple states for all selected dates in one time?

[@HeyFlutter]

Thank you, Ravindu Yasas! 🙂 Yes it's possible. you can store multiple dates, all you need is multiple variables for holding multiple dates

[@damithdilanka661]

Can you tell me a way to show date and time that change automatically in my app. I search this everywhere but didn't found a solution.

[@damithdilanka661]

@@HeyFlutter But datetime change only when build method is called. I want to display time like our phone change time always(automatically). Is there a way we can set a listener to date and time like you add listener to the connectivity. I don't know how to do this.

[@user-xe8vl9eh9l]

initialDate: date ?? initialDate, for this part of code and DateTime = date; it is asking me to initialize or use late modifier when i use late modifierthere is no error but it is giving another error LateInitializationError: Field 'date' has not been initialized.

[@HeyFlutter]

Thanks, Supriya Vani! 🙂 Learn more about how to use Null Safety here: kzbin.info/www/bejne/h5C6naKDg7CCobc

[@AbdelhakimOuafi]

Can I use your tutorial codes for commercial please?

[@AbdelhakimOuafi]

@@HeyFlutter Thanks but you mean I can't later sell the app that I've used your code in?

[@TechWithDnes]

Awesome!

[@pettemitchell3346]

how can I set date locale thailand and year 2021 is 2564 buddhism, month, day

[@winneze1]

Hi Milke, can you make a tutorial about how to implement android native splash screen. But with gif not the static image. I will be very thankful

[@HeyFlutter]

Thanks, Nguyễn! 🙂 I have already created a tutorial about native splash screen: kzbin.info/www/bejne/bn6oaXawpshghcU For doing it with gifs, check this article out: medium.com/swlh/native-splash-screen-in-flutter-using-lottie-121ce2b9b0a4 Right now, I'm not planning to create a video about native splash screen with gifs

[@mdcapitals]

Hello sir.... How to add this date to firestore and fetch from there as date of birth

[@mdcapitals]

@@HeyFlutter thank you sir 😲

[@HeyFlutter]

Thank You MD Capitals ®! Follow this link: medium.com/flutter-community/working-with-dates-in-dart-e81c70911811 I hope you will get your answer 🙂

[@kirtiscalelot]

How to make time picker in bottom sheet

[@HeyFlutter]

Thank You kirti scalelot! Follow this link: stackoverflow.com/questions/76025187/flutter-how-to-create-a-datepicker-inside-bottomsheet-as-below-picture I hope you will get your answer 🙂

[@RandalLSchwartz]

Your hours and minutes could have been formatted with a DateFormat again, since you brought that up earlier. I think the padLeft(2) solutions are particularly odd.

[@RandalLSchwartz]

@@HeyFlutter Wow, sorry. Didn't realize it was TimeOfDay, and there's no easy way from there to something a DateFormat would like. Nevermind then. :)

[@HeyFlutter]

Thanks, Randal! 🙂 Could you please share your solution then? At 14:06 I have also used DateFormat to format the DateTime object. At 8:08 we have instead a TimeOfDay object, which could be converted with time.format(context) to a String that displays the time. However, this relies on the BuildContext and Localizations which makes it for beginners harder to understand and customize.

[@irfanchowdhury]

Can you please tell me the steps to connect the datetimepicker with firebase and also in your todo list app with firebase? so that it saves the date and time locally and on firebase.

[@irfanchowdhury]

@@HeyFlutter thank you so much for the reply, I will try it😊.

[@irfanchowdhury]

@@HeyFlutter My date time data is updating to firebase but now I'm unable to fetch the data and its showing only null on the app any solution about that?🙂

[@HeyFlutter]

Thank You Irfan Uddin Chowdhury! Follow this link: stackoverflow.com/questions/63398674/save-date-and-time-picker-data-into-firebase-cloud-firestore-database-in-flutterI hope you will get your answer 🙂

[@thiagocavalcante2366]

How to check if a date range is already picked?

[@HeyFlutter]

Thank You Thiago Cavalcante! Follow this link: stackoverflow.com/questions/64403288/flutter-check-if-date-is-between-two-dates I hope you will get your answer 🙂

[@ahmadasyraf8168]

why my ButtonWidget is undefined? How to define it?

[@ahmadasyraf8168]

@@HeyFlutter Thanks mate!

[@HeyFlutter]

Thanks Ahmad! 🙂 It is a self defined custom widget. You can find it in the source code here: github.com/JohannesMilke/date_picker_example/blob/master/lib/widget/button_widget.dart

[@aveshbodila6849]

Can we pick up time range so please help me...

[@HeyFlutter]

Thank you, Avesh bodila! You could learn more about time range here: pub.dev/packages/time_range_picker

[@Hi-tk4he]

Excellent! But in date range method you forgot to show result like number of years, months and days.

[@HeyFlutter]

Thank you, Hi! 🙂 I was thinking more about a booking app where you can select a range of dates for a hotel etc. However, if you want to get the difference between two dates then check this here out: stackoverflow.com/a/52713358

[@user-xe8vl9eh9l]

i literally copied word to word but there is a error

[@emmanuelfongang4913]

A Date Timer picker isn't possible?

[@adeelzahid9622]

✔❤✌👌👌