Thank you.

Sure. Thank you for your suggestion

Thank you so much. I am no different, I just keep learning, you keep doing that too.. You are here means you are amazing too.

Thanks for the idea! I have planned an updated tutorial on flutter calendar + firestore. Do provide more suggestions if you have any.

You got this?

how can we do it? right now we can only click to see the event list, wouldn't it be nicer when user open the calendar, it will show dots and the event list?

Well, the firestore CRUD for any data is same so you should easily understand, how you can do that following this Firestore CRUD crash course kzfaq.info/get/bejne/qNZ-g8SH3pempok.html

You have a individual day builders, that you can use but might take extra work. Haven't tried something like that.

You got this?

use DateTime.parse to parse string to date time object, however best to save as datetime or milliseconds if you are creating from other backend as well, you can save date as date

check visibleDays property of the CalendarController

There are two ways 1. Assign user if to the event created and while loading filter by that user id or 2. Create events in sub collection for each user instead of events collection

Please learn more about routing in flutter. And it's saying isn't defined means you must have forgotten to import the page containing the AddEventPage.

ok I search a little bit and found the solution if somebody need it: instead of call a specific language (locale: "es") use this locale: Localizations.localeOf(context).languageCode

I believe there is no default such behavior. Check out (pub.dev/packages/date_range_picker)

You need to convert those into the same format Map to display in table calendar

@@appwriters Thank you. Would be nice if you could give me an example or share a link. I'm new to flutter.

@@coolboylp Please learn more about array and map manipulation in dart and basics of flutter.

Yeahh @React Bits (Damodar Lohani) can you show this tutorial?

The answer is in the error whatever you are calling streamList from its null. I can't help you more without viewing the code.

check markersBuilder property

I am not sure what's wrong, try to clone and run the project linked in the description and compare with your code

for me it was the same. I think the last updates he added are not updated

I had the same error. To solve it, I cleaned database

I have the same error, I cleaned the database, and still the issue

for subcollection just provide the collection path we are providing with the appended parent collection and parent id so instead of "events" pass "users//events" as the collection path parameter. :)

@@appwriters what should i put in ? how can i implement the user current id instead? sorry, i am new in firebase flutter

The additional challenge is there are no errors in the console, however the build.gradle under the android app has an error from the GradleException ("Flutter SDK not found........")

Check the updated tutorial series on Flutter calendar as well

@@appwriters can you provide the link to the updated series

I had the same issue. Please advise

Checkout the updated tutorial kzfaq.info/get/bejne/hdOfhKuZytCYl3k.html

Checkout the updated tutorial kzfaq.info/get/bejne/hdOfhKuZytCYl3k.html

In firestore you can make event data list instead of single data to add multiple dates, and where you display in calendar, you need to duplicate the event for each date in the list

You have to manually add the event to each date separately, you can use range picker to save date range in db however when you want to display in flutter calendar, you have to add event to each date.

@@appwriters Thanks ... but I want to add a lot of dates to the same event ...

You have to build :>

use the new function updateItem(id, data as map), check the source for details (github.com/lohanidamodar/flutter_firebase_helpers/blob/afa4a7b265fe3d7153ae5b33bd331d953a2ee986/lib/src/firestore_service.dart#L243)

@@appwriters Thank you for your reply, I dont understand what Id i need to pass ?? please can you update your code on git hub so evenryone who are following your tutorials can update their code accordingly. thanks for your help

I got the solution thank you

Of course you can store any where you like, check this kzfaq.info/get/bejne/oM6kfrd805y0nH0.html

No not yet date range

Hey guys, i fixed! where was "updateItem...." now is: await eventDBS.updateData(widget.note.id, { "title": _title.text, "description": _description.text, "eventDate": _eventDate });

Try changing within the widget.note!=null to await eventDBS.updateData(widget.note.id,{ 'title': _title.text, 'description': _description.text, 'eventDate': widget.note.eventDate }); I'm still a beginner, not very sure if its the right way. But it works for me now. Cheers!

Yes the updateItem is no longer available, you need to use updateData(String id, Map data). Thank you.

You can use local notifications plugin to achieve that

Not possible at the moment, check the my fork of the calendar has the header builder which you can use to customize header github.com/lohanidamodar/table_calendar

You need to implement firebase auth and some state management solution to provide currently signed in user

React Bits (Damodar Lohani) I’m using UID for the rest of the project, not sure how to implement in this situation, thanks for your time , great videos

At this point I think you need to duplicate the events

Facing the updateItem issue, can anybody help?

Recent version does not contain updateItem, use updateData(String id, Map data), createItem is working as usual

Compare your code with the repository provided in the description.

@@appwriters Thanks for your quick response, I compared with your GitHub code and I followed the steps from this video.

@@ChristianMora Try clone and run the code from Github as well, if it works then something is missing

@@appwriters Here is my code from main.dart class _CalendarioState extends State { CalendarController _controller; Map _events; List _selectedEvents; @override void initState() { super.initState(); _controller = CalendarController(); _events = {}; _selectedEvents = []; } Map _groupEvents(List events) { Map data = {}; events.forEach((event) { DateTime date = DateTime(event.eventDate.year, event.eventDate.month, event.eventDate.day, 12); if(data[date] == null) data[date] = []; data[date].add(event); }); return data; } @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text('Flutter Calendar'), ), body: StreamBuilder( stream: eventDBS.streamList(), builder: (context, snapshot) { if(snapshot.hasData) { List allEvents = snapshot.data; if(allEvents.isNotEmpty) { _events = _groupEvents(allEvents); } } return SingleChildScrollView( child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ TableCalendar( events: _events, initialCalendarFormat: CalendarFormat.week, calendarStyle: CalendarStyle( canEventMarkersOverflow: true, todayColor: Colors.orange, selectedColor: Theme.of(context).primaryColor, todayStyle: TextStyle( fontWeight: FontWeight.bold, fontSize: 18.0, color: Colors.white)), headerStyle: HeaderStyle( centerHeaderTitle: true, formatButtonDecoration: BoxDecoration( color: Colors.orange, borderRadius: BorderRadius.circular(20.0), ), formatButtonTextStyle: TextStyle(color: Colors.white), formatButtonShowsNext: false, ), startingDayOfWeek: StartingDayOfWeek.monday, builders: CalendarBuilders( selectedDayBuilder: (context, date, events) => Container( margin: const EdgeInsets.all(4.0), alignment: Alignment.center, decoration: BoxDecoration( color: Theme.of(context).primaryColor, borderRadius: BorderRadius.circular(10.0)), child: Text( date.day.toString(), style: TextStyle(color: Colors.white), )), todayDayBuilder: (context, date, events) => Container( margin: const EdgeInsets.all(4.0), alignment: Alignment.center, decoration: BoxDecoration( color: Colors.orange, borderRadius: BorderRadius.circular(10.0)), child: Text( date.day.toString(), style: TextStyle(color: Colors.white), )), ), calendarController: _controller, ), ..._selectedEvents.map((event) => ListTile( title: Text(event.title), onTap: () { Navigator.push( context, MaterialPageRoute( builder: (_) => EventDetailsPage( event: event, ))); }, )), ], ), ); } ), floatingActionButton: FloatingActionButton( child: Icon(Icons.add), onPressed: () => Navigator.pushNamed(context, 'add_event'), ), ); } }

@@appwriters I will do that, thanks again!!

What do you mean?

​@@appwriters done thanks.. just stuck because event.description not auto. i think error but just not auto

If you are using the latest version of Flutter and dart this should not occur, please check your flutter and dart version (flutter doctor -v)

Change this in your pubspec.yaml file : environment: sdk: ">=2.7.0

kzfaq.info/get/bejne/oM6kfrd805y0nH0.html kzfaq.info/get/bejne/d7hdbKSjsbnNfo0.html

@@appwriters I did that one, first time, I got some error.

Please Check the github link in the description.

I will make sure to check it out

firebase_helpers plugin has updated, and there are few changes, check the changelog of the plugin, to make it work