Monaca Onsen UI Discord Chat Github Repo

Onsen calendar using carousel

  • Hello,

    I am trying to create a calendar for my application. I have found this directive :

    which works really well and they have created a version of the same directive for Ionic framework:

    I managed to convert the latter to work with OnsenUI. The thing is that the directive keeps only 3 carousel items and as you swipe left or right it computes the adjacent months/days/weeks and refreshes.

    In Ionic you can add a property to tell to the carousel to always loop (like infinite carousel). That way there are only 3 carousel items but you can loop continuously around them. How can the same behavior be achieved in Onsen?

    here is the CodePen link of the directive working with OnsenUI: