https://github.com/sorin-davidoi/fullcalendar-calendar

Web Component wrapper for FullCalendar
https://github.com/sorin-davidoi/fullcalendar-calendar

calendar fullcalendar javascript polymer web-components widget

Last synced: 7 months ago
JSON representation

Web Component wrapper for FullCalendar

• Host: GitHub
• URL: https://github.com/sorin-davidoi/fullcalendar-calendar
• Owner: sorin-davidoi
• Created: 2016-04-03T11:22:58.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2018-03-20T12:18:58.000Z (over 7 years ago)
• Last Synced: 2025-03-18T17:59:15.871Z (7 months ago)
• Topics: calendar, fullcalendar, javascript, polymer, web-components, widget
• Language: HTML
• Homepage: http://sorin-davidoi.github.io/fullcalendar-calendar/components/fullcalendar-calendar/
• Size: 13.5 MB
• Stars: 21
• Watchers: 8
• Forks: 9
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md

Awesome Lists containing this project

README

          
# fullcalendar-calendar

Web Component wrapper for [FullCalendar](http://fullcalendar.io/).

Documentation and demo available [here](http://sorin-davidoi.github.io/fullcalendar-calendar/components/fullcalendar-calendar/).

⚠️ This is no longer maintained and will not be ported to Polymer 2/3. However, PRs are welcomed for bugfixes. ⚠️ 

# Install

```

bower install --save fullcalendar-calendar

```

# Usage

```html

  #calendar {

    --fullcalendar: {

      background: white;

    }

    --fullcalendar-borders: {

      border-color: black;

    }

    --fullcalendar-day-numbers: {

        color: black;

    }

    --fullcalendar-day-headers: {

        color: black;

        font-weight: 500;

    }

    --fullcalendar-today: {

        background: black;

    }

    --fullcalendar-event: {

        background-color: magenta;

        border-color: magenta;

    }

  }

```

```html

```

`fullcalendar-calendar.html` includes all the required dependencies (jQuery, moment and FullCalendar). However, since these libraries do not provide HTML import files, the Javascript files are loaded directly. This may prove problematic if you use any of the libraries in other part of your project, since you will load them twice. If this is the case, use `fullcalendar-calendar-no-deps.html`, which includes just the WebComponent wrapper, without the dependencies. However, you must now load the dependencies yourself:

```html

```

For all the options please consult the [documentation](http://sorin-davidoi.github.io/fullcalendar-calendar/components/fullcalendar-calendar/).