Hi, thanks for your reply ! To change the color for focused day and current day, you have to modify it in calendarStyle parameter. Something like this. calendarStyle: CalendarStyle( todayDecoration: BoxDecoration( color: ColorSets.accent.withOpacity(0.5), shape: BoxShape.circle), selectedDecoration: BoxDecoration(color: ColorSets.accent, shape: BoxShape.circle), )
Hi 👋, for this table calendar package , currently it’s not possible yet to achieve your needs to jump between years. Probably you checkout native date picker to solve your problem.
DateFormat.yMMMd().format(DateTime.now()) This is the formatter to get the format that you stated. Just replace the DateTime.now() with the calendar date selected.
Nice video just i got a issue, when i get the day in console print the extactly day but when I try to save any event in my firebase collection if I pick the 1 Jan 2023, in firebase the day save is 31 dec 2022 someone know how to fix this?
Hi, I would suggest you to debug this issue by commenting out event from calendar and create a mock event data to save into your firebase collection on 1 Jan 2023. If it still saved on the wrong date, it means it's the firebase collection issue. Maybe you have to recreate the collection instance. If it saved correctly , it means the data passed to firebase collection was manipulated. Maybe you can print the data before pass into firebase collection. Thanks.
when i select a day at different month , it works but suddenly it slides and current month comes. it doesn't stay at random month after selecting, but it selects. please help
Hi, usually this happens because you set focusedDay to a static value (for example, DateTime.now()), so whenever the table calendar rebuilds (for example, selecting different month), it will reset the calendar back the the static value set. To prevent this from happening, you should store and update focusedDay whenever any callback exposes it. For example, you can store a var initialDate = DateTime.now(). Then set focusedDay to initialDate var. Most importantly, update the initialDate value in onPageChanged parameter. Something like this var initialDate = Datetime.now(); TableCalendar( focusedDate : initialDate; onPageChanged: (focusedDay) { initialDate = focusedDay; }, );
@@AIWithFlutter Thank you, I''m honestly waiting everyday for this tutorial because the other tutorials and internet tutorials I've seen have been confusing. I'm new to coding and this is an important for the project i'm working on.
@@henryc3067 Hi, we have uploaded add event to table calendar tutorial. Please let us know if you have any questions. We are more than willing to help. ruclips.net/video/ASCs_g8RJ9s/видео.html
Hi, unfortunately the table calendar package used in this tutorial is not able to select a range of dates. But we found another package that could do it ---> scrollable_clean_calendar. The team will try to create a tutorial for it. Thanks for your comment
Subscribe to our channel -----> tinyurl.com/ujuv8hmm
I don't speak much English and I understand you perfectly, you explain the code and the configurations very well, thanks👍👍👍
Welcome ! Appreciate that 🙏
how to disable selection of previous dates?
Thanks for sharing, I see that now you talk more, great!
can you do a video of firebase of the calender app
Hi
Thanks for this tutorial, it is really helpfull. 😍
Please let me know how we can change the color for focused day and current day.
Hi, thanks for your reply ! To change the color for focused day and current day, you have to modify it in calendarStyle parameter. Something like this.
calendarStyle: CalendarStyle(
todayDecoration: BoxDecoration(
color: ColorSets.accent.withOpacity(0.5), shape: BoxShape.circle),
selectedDecoration:
BoxDecoration(color: ColorSets.accent, shape: BoxShape.circle),
)
NOICE 🔥🔥
Best tutorial man, thanks brother!
Welcome 🙏
Is there a quick way to jump between years? If I want a date 2 years from now, how can I go there without sliding a thousand times?
Hi 👋, for this table calendar package , currently it’s not possible yet to achieve your needs to jump between years. Probably you checkout native date picker to solve your problem.
how can i display this calendar on click of button
Hi, you can checkout to the tutorial below about hiding flutter widget.
ruclips.net/video/FS5JQpp2gks/видео.html
❤❤❤
🙏🙏🙏
Hi How can i format the date like i want only sep 6,2022 how can i get this kind of format , can anyone please help
DateFormat.yMMMd().format(DateTime.now())
This is the formatter to get the format that you stated.
Just replace the DateTime.now() with the calendar date selected.
Thanksssssssssssssssssssssssssssssssss
Welcome 🙏
Nice video just i got a issue, when i get the day in console print the extactly day but when I try to save any event in my firebase collection if I pick the 1 Jan 2023, in firebase the day save is 31 dec 2022 someone know how to fix this?
Hi, I would suggest you to debug this issue by commenting out event from calendar and create a mock event data to save into your firebase collection on 1 Jan 2023. If it still saved on the wrong date, it means it's the firebase collection issue. Maybe you have to recreate the collection instance. If it saved correctly , it means the data passed to firebase collection was manipulated. Maybe you can print the data before pass into firebase collection. Thanks.
Thank you so much for sharing ,
So useful 🙏🏻
Appreciate that 🙏
How to change the color of highlighted selected date?
thankyou sir, this vid really helpful
Welcome ! Appreciate that 🙏
A W E S O M E !
🤟🏻🤟🏻
🙏🙏
Thank you very much
Welcome 🙏
Superb !!
i got an error in line 49 , which _onDaySelected need to parameters what should i write
check documentation, maybe parameters changed
when i select a day at different month , it works but suddenly it slides and current month comes. it doesn't stay at random month after selecting, but it selects. please help
Hi, usually this happens because you set focusedDay to a static value (for example, DateTime.now()), so whenever the table calendar rebuilds (for example, selecting different month), it will reset the calendar back the the static value set. To prevent this from happening, you should store and update focusedDay whenever any callback exposes it. For example, you can store a var initialDate = DateTime.now(). Then set focusedDay to initialDate var. Most importantly, update the initialDate value in onPageChanged parameter. Something like this
var initialDate = Datetime.now();
TableCalendar(
focusedDate : initialDate;
onPageChanged: (focusedDay) {
initialDate = focusedDay;
},
);
@@AIWithFlutter Thanks man. I was facing same issue. Now its solves seeing your solution
Can you make a video on how to add events?
Hi 👋, yes of course. We will publish the tutorial as soon as possible.
@@AIWithFlutter Thank you, I''m honestly waiting everyday for this tutorial because the other tutorials and internet tutorials I've seen have been confusing. I'm new to coding and this is an important for the project i'm working on.
@@henryc3067 Hi, we have uploaded add event to table calendar tutorial. Please let us know if you have any questions. We are more than willing to help.
ruclips.net/video/ASCs_g8RJ9s/видео.html
hey, how can I change the background color of the table calendar as here initially showing white color in background i want green.
Create a container with the color of your choice then use TableCalendar as your container child.
Thank u for sharing. Helpful!
Welcome 🙏
So useful thanks 😊❤
Much appreciate ! 🙏
Hi, may I know how to I add a text below the header < November 2022>
Great explanation.
Thanks 🙏
what about the range of dates if we want to select like first date and end date
Hi, unfortunately the table calendar package used in this tutorial is not able to select a range of dates. But we found another package that could do it ---> scrollable_clean_calendar. The team will try to create a tutorial for it. Thanks for your comment