Flutter - Calendar - Displaying and Customizing Calendar 

Wow! Thank you so much for such nice appreciation. Do check the other videos on the Flutter calendar and events along with Firebase

Thank you

Thanks for this.

Hi, thank you for your interest in my tutorials. Will try to include your request, but in the mean time you can try yourself: 1. Wrap the table calendar with StreamBuilder widget, 2. Pass a stream of events from firestore to Streambuilder 3. Whenever the streambuilder has data, return TableCalendar passing the events attribute, by grouping the events you get from firestore by datetime (Write a function that will take a list of events gotten from firestore and returns a Map, i.e. the events grouped by datetime. Do let me know if you have confusion

Did you resolve this issue ? if so how ? I have a calendar, looking for examples on displaying firebase events

@@richdfrmn no, I can't do it!!! 😱

Here check this new tutorial on saving and retrieving events on calendar ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-jhtKTKn6PlI.html I am using shared preferences, but you can use firebase or any other persistence medium.

Here also check this new tutorial on saving and retrieving events on calendar ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-jhtKTKn6PlI.html

Glad it was helpful!

I have created my own vs-code snippets for fscs..you can create your own too.. check how ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-5zd1iga80rA.html

Whenever certain activity is added, you can either store that information on your own backend or firestore. If you use your own backend, you can schedule a push notification from your backend whenever when new activity is planned. If you use firestore, you can use cloud functions to schedule push notification.

Thanks

Check out this video where I have shared themes and extensions I use ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-bmtnK1kWBEw.html

Sorry, I am pretty busy. Thank you for the offer though.

For resizing wrap with container or sizedbox and provide desired dimensions. For hiding showing/ use stateful widget to make that interaction

@@appwriters thank u so much

@@appwriters can you do a short video how to hide it please ? i did many try but i couldnt do it

You can set repeating, and keep multiple data on event.

Glad to hear that!

This package is for calendar, when you pick date in the form, you can also modify to set pick time, for your application..explore more on date time pickers, may this too can help ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-amrXIsnvBTg.html

I don't yet know if that's possible, however you can use simple technique, your selected date is saved in a variable somewhere, so you can use the selected date and check if it's a week day or a holiday and assign the selectedColor based on that to match the calendar colors.

Builders can be used when you are not satisfied with the styles customization only, you can switch the entire widget using those builders instead of just styling the default widgets in today and selected dates

If you have assigned the events separately to each calendar then it should be possible. I am not sure what you are are doing without further information or code. But should be possible as each calendar is it's own instance.

React Bits (Damodar Lohani) yeah, I have figured out where I was doing wrong. I’ve got it working now. Thanks :)

The package has changed a lot look at their documentation on pub.dev as well check the updated calendar tutorial linked in the description

With latest version of the calendar package you should be able to. Read their docs.

OnDaySelected returns the DateTime object, you can format that to any format using pub.dev/packages/intl package

What is the error? And what is the code? Try to compare it with the code in the repository linked. Also Stay tuned, as I have Updated Calendar tutorial coming this week with latest features, Events CRUD and Much more.

there is a property for headerStyle to hide it, its called format button, do check it out

Not to my knowledge, I don't think table_calendar has that functionality.

you can use the callback provided like ondaychanged or relevant and display the data anywhere you want including AppBAr

@@appwriters could you please give me a sample, I am new to coding

Check the updated version of this tutorial. Newer Flutter+Calendar series

@@appwriters i use this same video for developing calendar application but and i do same as you tell , but when i write calendarcontroller : _controller in widget section , so it show use firstday, last day, finsl day terms, etc...can you plz tell me what should i do..plz help any extensions, any trick etc

@@abhishekpathak8666 make sure to use the same version of the TableCalendar, newer version has breaking changes you should read on their documentation on pub.dev

Here already ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-TDerNqLEpPE.html

Don't understand what you mean?

Updating soon

nvm i already change, set property locale: 'es_ES' and initializeDateFormatting("es_ES"); in InitState override method

Please check their documentation for more info pub.dev/packages/table_calendar

Not sure I understand, selected date is already highlighted in calendar.

Not possible with this calendar plugin I guess.

Please checkout the localization section of the plugin (pub.dev/packages/table_calendar)

Thanks for the great suggestions, I'll try that in my newer videos.

Check ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-TDerNqLEpPE.html or ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-jhtKTKn6PlI.html

Hi, please check out this tutorial, this might be what you need medium.com/flutter/executing-dart-in-the-background-with-flutter-plugins-and-geofencing-2b3e40a1a124

Here check this tutorial on adding events ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-jhtKTKn6PlI.html

I wondered this as well, did you find an answer?

Checkout enabledDayPredicate option

@@appwriters enabledDayPredicate is disabling all dates

@@waqasahmed5994 Its a boolean function, where you have to specify a condition based on which to enable or disable any date

I don't know :D Please provide the error log, console, describe in more detail.

please checkout their details, pub.dev/packages/table_calendar, They support Locale, so I believe it is possible.

Thank you for your suggestion. It's surely coming out soon

Here check this new tutorial on saving and retrieving events on calendar ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-jhtKTKn6PlI.html