Calendar

- This module is being updated -

OGX.Calendar is an infinite multi function, multi layout calendar, that can render time periods, such as (and not limited to) centuries, decades, years, months, weeks, days (...) and custom data within each period.

Time periods can also be customized, if, for instance, you need to render 2 weeks at a time, or any time period that suits your needs.

OGX.Calendar uses OGX.GridSwiper and OGX.List so they must be added to your project as well if you are using independent files instead of the whole framework.

Instantiate

 let config = {
      container:_SELECTOR_ //Required, The selector for the target HTML element         
 };

 let calendar = new OGX.Calendar(config);

Layouts

Out of the box, OGX.Calendar comes with a bunch of predefined layout.

 OGX.CalendarLayout.CENTURY_DECADE
 OGX.CalendarLayout.CENTURY_YEARS
 OGX.CalendarLayout.DECADE_YEARS
 OGX.CalendarLayout.DECADE_MONTHS
 OGX.CalendarLayout.YEAR_MONTHS
 OGX.CalendarLayout.YEAR_WEEKS
 OGX.CalendarLayout.YEAR_DAYS
 OGX.CalendarLayout.MONTH_WEEKS
 OGX.CalendarLayout.MONTH_DAYS 
 OGX.CalendarLayout.DAY_HOURS

Engines