Calendar control for ionic

ionic-v1
1

I am creating a mobile app using ionic framework and angularjs. I am looking for a good lightweight event calendar control. I thought of using angular ui-calendar but it has dependency on jquery and bootstrap. I am looking for something that does not have query dependency to keep it lightweight.
Any good suggestion is greatly appreciated.
Thanks,
Vikas

2

Hey!

Depending on what you need there are some builtin calendar controls for iOS html forms. These topics that discussed date picking in the past and should hopefully be of some help :slight_smile:
http://forum.ionicframework.com/t/date-picker-for-ionic/
http://forum.ionicframework.com/t/form-date-picker/

2 Likes
3

Thanks for quick respose. But These are only date pickers…I am looking for event calendar and making it part of the application. I came across with cordova calendar plugin https://github.com/EddyVerbruggen/Calendar-PhoneGap-Plugin but this does not allow me make calendar part of my application. With this plugin I can access the native calendar to set events but this native calendar is not part of my app and more over it can be accessed outside of the app.

Thanks,
vikas

4

I’m very new to Ionic/AngularJS/Phonegap but I would also like to integrate a visual calendar interface into a mobile app myself.

I’d also come across Eddy Verbruggen’s promising native calendar plugin (forgiving its Android version functionality fragmentation) and I’d LOVE to integrate that plugin’s ability to write to the native IOS/Android calendar with an Angular-driven in-app calendar UI. To that end I’m listing the following Angular-based calendar directive:

---->[Angular] UI Calendar directive<----

along with following usage tips:

http://stackoverflow.com/questions/22470844/how-do-i-get-the-calendar-object-with-angularjs-ui-calendar-using-the-controlle

http://stackoverflow.com/questions/21107481/getting-angular-ui-calendar-to-work-with-ui-bootstrap-tooltips

Please let us know how you get on, should you integrate this calendar into an Ionic app :wink:

5

Yes, I’m looking for sample solution for the Android version of creating an event.
Can the community share a sample of their solution?
Thanks in advance.

6

I’m working on an app that will need a full calendar within the app - I’m debating adding in a full calendar or just adding a plug that talks to the existing phone calendar. ideally I need the ability read/write/sync calendar events with the existing phone calendar. Thoughts on a solution?

7

Hi, im using the actual Datepicker by http://angular-ui.github.io/bootstrap/#/datepicker
but what im lacking with it is the ability to show multiple events on the calendar( just to hange the color of the day button…) if anyone has a thought about it that would be cool…

1 Like
8

Any update regarding having a calendar component in ionic???

9

I’m also interested in this topic.
Did anybody find a calendar widget for Angular with no jQuery dependecies?.

Thanks.

10

Take a look to https://github.com/jimibi/angular-pickadate fork of
https://github.com/restorando/angular-pickadate.
It’s jQuery free and use angular. Actuallually just one event and today is possible, but it’is very easy to modify it.

1 Like
11

Hi,
I’ve created a fork and pull requested ui-bootstrap to include the functionality @FireBrand was talking about:

When using that it is very easy to add specific class to day by any logic you want.
I’m using it in one of my apps and it works great, I hope they will merge it soon…

Would love to hear your thoughts

12

This works directly of the box!
I have downloaded and tested several date pickers and this one just works, especially adding it as a modal.

This one looks to be most recent:

13

Hey vikas,
I am also looking for a calendar to be part of my app. Did you find a solution? Any suggestions/samples will be appreciated. Thanks!

14

Hi there, I’m also looking for a JQuery free app to display in-app calendar generating “Month” view. preferrable with a timeline.

Any responses from Ionic?

16

This is extremely late but this is an amazing angular js calendar I found!

Example:

3 Likes
17

Just created one, feel free to have a try.

5 Likes
18

I’ve been using https://github.com/EddyVerbruggen/Calendar-PhoneGap-Plugin for my project. When i started to fetch dates from the server and put it on the calendar plugins, I become confused. Any help will be appreciated. Other calendar plugins?

1 Like
19

Guys, I’m in the same boat! Did you found any solution?

20

There is a customizable calendar control for Ionic v1, v2 and v3 with no jQuery dependency.
Check it out: Responsive Calendar in the Ionic Market.