How to Build an Ionic 5 Calendar with Modal & Customisation

[@OmgThatsIncredible]

Really useful! I can't believe ionic doesn't have an easy to use, customizable calendar component yet...

[@namasayamahdi]

How to change font color of Event Bro?

[@namasayamahdi]

Detail Event

[@CORONITAWITHLIME]

amazing simon! just what I needed. Thanks so much as ever :)

[@galaxies_dev]

Happy to help!

[@andrewgroenewold3577]

Nice video Simon, it is very helpful seeing the different ways to use ionic2-calendar!

[@galaxies_dev]

Glad it was helpful!

[@ArjunSingh-rh4lo]

Hi Simon, Thanks for this video but I have added this calendar user1 profile and I'm login with different profile user2 and search user1 profile then I'm not able to see shedule event by user1 so please help.

[@matiasgonzalez4895]

Thanks a lot!! , the tutorial helped me a lot

[@galaxies_dev]

You're welcome!

[@pankajpandey3164]

Awesome video. Thanks Simon

[@galaxies_dev]

Very welcome

[@mohammedaamir4929]

how can we color the date of particular event please helpp @simon

[@townheadbluesboy]

Great video - I can now vastly improve the calendar part of my app - thanks Simon.

[@galaxies_dev]

Glad it was helpful!

[@leonardobravokunkel8154]

Hi Simon, can you help me please? Since i install the ionic2-calendar in the terminal keeps showing me this error: "ERROR in node_modules/ionic2-calendar/calendar.d.ts(152,9): error TS1086: An accessor cannot be declared in an ambient context". I've tried everything to solve this, but it keeps showing up. Any suggestions?

[@requenapolonio]

Hello Simon, How to delete a specific date?. Thank you.

[@321123580]

Very nice tutorial, thank you very much.

[@sivakumarr28]

A nice plug in. I had used ion-2 calender few weeks ago. If I know this before, I will use it. Anyway thanks to sharing a good one.

[@saiyashwanth7699]

can you please help me with this is there any function to select mon-fir day or selecting only all Mondays.

[@CrackDeltaMX]

Great, Congrats for your channel! I made one Calendar with part of this tutorial, but my calendar is a little more complex, but this tutorial help me so much for understand the Calendar implementation.... I would like tutorial for Ionic Theme Customization with a Purchased Theme, I know that you does'nt like the themes ...

[@leonjager643]

How do I fix the slide animation, so that the calendar-size is always the same, and does not change during the animation...

[@arnoldmedina6232]

Thanks for the tutorial Simon, but i have a problem, on ios and safari don't show events, i think is format date , i don't know, thanks

[@lestthatth]

Hi Simon it is possible to do the changes look like a reservation? i mean how as if someone are going to make a reservation and the person can watch what day are free to make the reservation. In this case the day will be saved into a data base and then be displayed into the calendar. greetings from Aguascalientes

[@prashant43240]

Thanks Simon 😃. Please make tutorial on some ui designs

[@weihaoye6573]

why i install the ionic2-calendar but still cannot import NgCalendarModule what is this suppose to mean?

[@rakiyun]

Hello Simon, the calendar on the modal is behaving weirdly even after setting the timeout. When we open the modal for the first time, the current date is not selected but on closing the modal and opening it again the current date is selected. Currently, I'm not able to figure out why it's behaving like this. PS: Thanks for the tutorial.

[@paulapereiramuniz3555]

I have the same issue. Do you find a solution?

[@carlosaldayrruizlonga7908]

@@paulapereiramuniz3555 The only way I found to solve it was to set the delay time of setTimeout function to a bigger value. I think it depends of the device but 100 must be enough. I hope it helps you. The new ngAfterViewInit() looks like this: ngAfterViewInit() { setTimeout(() => { this.modalReady = true; }, 100); }

[@paulapereiramuniz3555]

@@carlosaldayrruizlonga7908 thank you very much!

[@StefanBanu]

Hi, can you make a tutorial about a simple CRUD with ionic SQLite and capacitor (not cordova) that also sync offline ? thank you for all your work.

[@royal-code]

Good content as always Simon!. Do you think this calendar idea could be a good fit for an expense tracker app?.. probably to let users check on events/actions taken on on specific dates?

[@galaxies_dev]

Hmm perhaps to display, but for selecting a date I guess a simple datetime input would be fine as well!

[@royal-code]

Appreciated .. thanks

[@artuspouillet5117]

thanks for this tutorial does anyone have an idea on how to remove one specific event?

[@CodingLover1]

create a button that call a function , inside function make http.request to delete of your database the event , after success call again renderEvents function to show events without deleted

[@eoghanfeighery7383]

Anybody know any good Ionic React calendar guides?

[@galaxies_dev]

Guess I should create one!

[@Chana365]

how to differentiate events with colors?

[@johandejesus161]

Is it still working?, I tried to implement it in an application, but it just doesn't work for me, my code shows an error being exactly the same as the video

[@Chana365]

@@johandejesus161yes, it works but you have to choose the correct version or try force installation

[@johandejesus161]

@@Chana365 Do you know which versions you are deploying?

[@Chana365]

@@johandejesus161 "ion2-calendar": "^3.0.0-rc.0"

[@johandejesus161]

@@Chana365 What version of angular is it?

[@nikhilverma9367]

give github link of this calender coding

[@here_detty]

Hi does this work with ionic 5 react?

[@galaxies_dev]

I have never used Ionic React :/

[@Mewain]

Awesome thanks for the video Simon ! Can you make a video on how to increase Ionic app performance ? The first time a user try to load the app the time between the first display is excessively long. I am sure that a video about that would help a lot of people to adopt good coding practices.

[@pedroleighton9776]

instablaster

[@abdulishankhan7478]

Very helpful this video, Can you also make video on Google and Facebook login in ionic 5?

[@ravijatav1938]

Hii Simon, I want to share the text and image on Instagram and Facebook, so how will I use the SocialSharing plugin, either the text goes in it or the image🙏

[@galaxies_dev]

You can check out the social share plugin on Github, it also states how to pass these parameters for the according platforms :)

[@ravijatav1938]

@@galaxies_dev I was already use social sharing plugin but it sent only one thing either text or image, unable to share both at the same time. So please help me for the same🙏

[@Matttt1717]

For some reason the calendar just doesn't show when I open the modal. No errors or anything, just a blank spot where the calendar should be.

[@emcssony]

Maybe you missed opening or closing quotes on any of the properties

[@Snugglelol]

will you do tutorials in react?

[@galaxies_dev]

No React is not on my list yet. But I might try Vue one day...

[@filipeloureiro7227]

Man, can you send the all files pls, or do my PAP, orait? :(

[@oswaldkit]

cool

[@armandopenaleonett1258]

Thanks for this content but you go too fast, and in the reading tutorial everything is written at once so is difficult to follow along and understand everything, are my advises but thank anyways it helps

[@galaxies_dev]

Sorry Armando, will try to do better next time!

Ja. Also ein Deutschen Kalender kann ich nur begrüßen.

[@RogueInquisitor]

hey!, [calendarMode]="calendar.mode" throws this error => Type 'string' is not assignable to type 'CalendarMode' How can i fix this?

[@Fran7Games]

did you fix that error?

[@RogueInquisitor]

@@Fran7Games trying with other versions solves the error. Ty anyway ;)

[@Fran7Games]

@@RogueInquisitor you changed calendar version? How did you do it because i have the same error as you :(

[@RogueInquisitor]

@@Fran7Games I was checking the source where I had the problem and in the end I removed that field from the calendar sorry

[@CrackDeltaMX]

Great, Congrats for your channel! I made one Calendar with part of this tutorial, but my calendar is a little more complex, but this tutorial help me so much for understand the Calendar implementation.... I would like tutorial for Ionic Theme Customization with a Purchased Theme, I know that you does'nt like the themes ...