{"id":15757182,"url":"https://github.com/mariana-tek/ember-fullcalendar","last_synced_at":"2025-05-12T14:12:32.720Z","repository":{"id":57127392,"uuid":"213731445","full_name":"Mariana-Tek/ember-fullcalendar","owner":"Mariana-Tek","description":"An Ember addon that wraps fullcalendar in a component","archived":false,"fork":false,"pushed_at":"2020-02-14T18:18:07.000Z","size":963,"stargazers_count":16,"open_issues_count":3,"forks_count":3,"subscribers_count":4,"default_branch":"master","last_synced_at":"2024-10-26T15:46:55.906Z","etag":null,"topics":["addon","ember","fullcalendar"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Mariana-Tek.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2019-10-08T19:14:21.000Z","updated_at":"2024-05-30T03:02:39.000Z","dependencies_parsed_at":"2022-08-31T16:11:16.442Z","dependency_job_id":null,"html_url":"https://github.com/Mariana-Tek/ember-fullcalendar","commit_stats":null,"previous_names":[],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Mariana-Tek%2Fember-fullcalendar","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Mariana-Tek%2Fember-fullcalendar/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Mariana-Tek%2Fember-fullcalendar/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Mariana-Tek%2Fember-fullcalendar/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Mariana-Tek","download_url":"https://codeload.github.com/Mariana-Tek/ember-fullcalendar/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":222710018,"owners_count":17026771,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["addon","ember","fullcalendar"],"created_at":"2024-10-04T09:04:43.421Z","updated_at":"2024-11-02T12:07:07.058Z","avatar_url":"https://github.com/Mariana-Tek.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# @mariana-tek/ember-fullcalendar\n\n[![CircleCI](https://img.shields.io/circleci/build/github/Mariana-Tek/ember-fullcalendar?style=flat-square)](https://circleci.com/gh/mariana-tek/ember-fullcalendar)\n\nAn Ember addon that wraps [Fullcalendar (v4)](https://fullcalendar.io/) in a component.\n\n\n## Compatibility\n\n* Ember.js v3.4 or above\n* Ember CLI v2.13 or above\n* Node.js v8 or above\n\n\n## Installation\n\n### 1. Install Ember Addon\n\n```\nember install @mariana-tek/ember-fullcalendar\n```\n\nThis addon includes `@fullcalendar/core` as a dependency, but does not include any fullcalendar plugins which you will need to install manually.\n\n### 2. Install additional fullcalendar plugins\n\nAs Fullcalendar v4 has a more \"a la carte\" structure, you will need to install the plugins you plan to use. Documentation can be found at https://fullcalendar.io/docs/initialize-es6 and https://fullcalendar.io/docs/plugin-index.\n\n### 3. Import stylesheets from plugins that have styles\n\n```js\n// ember-cli-build.js\n\n'use strict';\n\nconst EmberApp = require('ember-cli/lib/broccoli/ember-app');\n\nmodule.exports = function(defaults) {\n    // ...all your configuration\n\n    // If you install the @fullcalendar/daygrid plugin,\n    // you would import it's stylesheet like so:\n    app.import('node_modules/@fullcalendar/daygrid/main.css');\n\n    return app.toTree();\n};\n```\n\n\n## Usage\n\nInspired by [`fullcalendar-react`](https://github.com/fullcalendar/fullcalendar-react) this addon is written as a very lightweight wrapper around Fullcalendar v4. With one exception (`getFullCalendarRef`) the addon simply passes attributes through to Fullcalendar. If Fullcalendar has a complimentary option it will be utilized, otherwise the attribute will simply be ignored. To use this plugin you will need to be familiar with [Fullcalendar's API](https://fullcalendar.io/docs).\n\n```hbs\n\u003cFullCalendar\n    @defaultDate={{this.defaultDate}}\n    @defaultView={{this.defaultView}}\n    @events={{this.events}}\n    @plugins={{this.plugins}}\n/\u003e\n```\n\n### `getFullCalendarRef`\n\n```hbs\n\u003cFullCalendar\n    @defaultDate={{this.defaultDate}}\n    @getFullCalendarRef={{action (mut this ourCalendarRef)}}\n/\u003e\n```\n\nMost attributes (e.g. [`eventClick`](https://fullcalendar.io/docs/eventClick), [`slotDuration`](https://fullcalendar.io/docs/slotDuration)) can be passed directly to the component. A few parts of Fullcalendar's API (e.g. `changeView`, `gotoDate`) will require you to pass an action or function to `getFullCalendarRef` that stores the reference to fullcalendar so that you can call it directly:\n\n```js\nthis.ourCalendarRef.gotoDate(new Date(1999, 1, 1))\n```\n\n\n## Contributing\n\nSee the [Contributing](CONTRIBUTING.md) guide for details.\n\n\n# License\n\nThis project is licensed under the [MIT License](LICENSE.md).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmariana-tek%2Fember-fullcalendar","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmariana-tek%2Fember-fullcalendar","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmariana-tek%2Fember-fullcalendar/lists"}