{"id":24142842,"url":"https://github.com/scoutforpets/ember-fullcalendar","last_synced_at":"2025-04-30T12:35:15.049Z","repository":{"id":2556234,"uuid":"46836931","full_name":"scoutforpets/ember-fullcalendar","owner":"scoutforpets","description":"An Ember Component for FullCalendar and FullCalendar Scheduler","archived":false,"fork":false,"pushed_at":"2022-12-08T05:08:34.000Z","size":4641,"stargazers_count":39,"open_issues_count":31,"forks_count":45,"subscribers_count":4,"default_branch":"master","last_synced_at":"2025-01-12T05:13:59.369Z","etag":null,"topics":["calendar","ember","ember-addon","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/scoutforpets.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":"2015-11-25T04:15:03.000Z","updated_at":"2024-05-30T02:32:57.000Z","dependencies_parsed_at":"2023-01-13T11:56:43.306Z","dependency_job_id":null,"html_url":"https://github.com/scoutforpets/ember-fullcalendar","commit_stats":null,"previous_names":[],"tags_count":19,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/scoutforpets%2Fember-fullcalendar","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/scoutforpets%2Fember-fullcalendar/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/scoutforpets%2Fember-fullcalendar/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/scoutforpets%2Fember-fullcalendar/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/scoutforpets","download_url":"https://codeload.github.com/scoutforpets/ember-fullcalendar/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":235426492,"owners_count":18988420,"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":["calendar","ember","ember-addon","fullcalendar"],"created_at":"2025-01-12T05:13:34.996Z","updated_at":"2025-01-24T11:08:29.944Z","avatar_url":"https://github.com/scoutforpets.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# ember-fullcalendar\n\n[![dependencies](https://david-dm.org/scoutforpets/ember-fullcalendar.svg)](https://david-dm.org/scoutforpets/ember-fullcalendar) [![npm version](https://badge.fury.io/js/ember-fullcalendar.svg)](https://badge.fury.io/js/ember-fullcalendar)\n\n\n**ember-fullcalendar** brings the power of [FullCalendar](http://fullcalendar.io/) and [FullCalendar Scheduler](http://fullcalendar.io/scheduler/) to Ember.\n\n## Installation\n\nThis addon works in Ember 2.12+ with no deprecations.\n\nTo install it run:\n\n```ember install ember-fullcalendar```\n\n## Overview\nThis addon currently supports every option and callback currently available for FullCalendar and FullCalendar Scheduler 4.4. Please see the [FullCalendar documentation](http://fullcalendar.io/docs/) for more information.\n\n## Upgrading\n\nIf you upgrade from a previous version of `ember-fullcalendar` using FullCalendar 3.x, note the [FullCalendar v4 release notes and upgrade guide](https://fullcalendar.io/docs/upgrading-from-v3).\n\nTo use plugins, you need to pass a `plugins` array to the `full-calendar` component and add any plugins you need to the dependencies of your app. The plugin css must be included by [adding the plugin to your environment.js](#usage).\n\nYou no longer need to define `includeLocales` in your environment.js, but instead [import and pass them in the `locales` option](#locales).\n\nInstead of setting `includeScheduler` use the appropriate Scheduler plugins.\n\n## Usage\n\nA simple example:\n\n```javascript\nimport dayGridPlugin from '@fullcalendar/daygrid';\n\nlet events = Ember.A([{\n  title: 'Event 1',\n  start: '2016-05-05T07:08:08',\n  end: '2016-05-05T09:08:08'\n}, {\n  title: 'Event 2',\n  start: '2016-05-06T07:08:08',\n  end: '2016-05-07T09:08:08'\n}, {\n  title: 'Event 3',\n  start: '2016-05-10T07:08:08',\n  end: '2016-05-10T09:48:08'\n}, {\n  title: 'Event 4',\n  start: '2016-05-11T07:15:08',\n  end: '2016-05-11T09:08:08'\n}]);\n\nlet plugins = [dayGridPlugin];\n\n{{full-calendar events=events plugins=plugins}}\n```\n\n### Plugins\n\nThe CSS of the plugins you are using must be included by defining them in your `config/environment.js` file:\n\n```javascript\n  emberFullCalendar: {\n    plugins: ['core', 'daygrid', 'list'],\n  }\n```\n\n### FullCalendar Methods\n\nTo call FullCalendar methods, you need a reference to the calendar object.\n\nA reference gets passed with every FullCalendar callback as last parameter, so you can use e.g. `viewSkeletonRender` to get the object:\n\n```javascript\n// app/controllers/application.js\nimport Ember from 'ember';\n\nexport default Ember.Controller.extend({\n  actions: {\n    viewSkeletonRender(info, calendar) {\n      this.set('calendar', calendar);\n    },\n\n    nextMonth() {\n      this.calendar.next();\n    },\n  }\n});\n```\n\n```handlebars\n// app/controllers/application.hbs\n\n{{full-calendar viewSkeletonRender=(action \"viewSkeletonRender\")}}\n```\n\n### DDAU\n\nWhere possible, this addon takes advantage of DDAU (Data Down, Actions Up) to allow your Ember app to interact with FullCalendar from outside of the component. Below are a list of properties that override default FullCalendar properties:\n\n- `viewName` _(replaces `defaultView`)_ - allows you to change the view mode from outside of the component. For example, when using `header=false`, you can use your own buttons to modify the `viewName` property to change the view of the calendar.\n\n- `viewRange` - can be used in conjunction with `viewName` to simultaneously navigate to a new date when switching to a new view. [See the docs](https://fullcalendar.io/docs/Calendar-changeView).\n\n- `onViewChange` - pass an action to be notified when the view changes. This is different than the `viewRender` callback provided by FullCalendar as it is only triggered when the view changes and is not when any of the date navigation methods are called.\n\n- `date` _(replaces `defaultDate`)_ - allows you to change the date from outside of the component.\n\n### FullCalendar Callbacks\nAll FullCalendar and FullCalendar Scheduler callbacks are supported and can be handled using Ember Actions. Here's a simple example:\n\nAdd the component to your template:\n\n```handlebars\n// app/templates/application.hbs\n{{full-calendar events=events eventClick=(action 'clicked')}}\n```\n\nAdd some events:\n\n```javascript\n// app/routes/application.js\nimport Ember from 'ember';\n\nexport default Ember.Route.extend({\n  model: function() {\n    return {\n      events: Ember.A([{\n        title: 'Partayyyy', start: new Date()\n      }])\n    };\n  }\n});\n```\n\nRegister the action in your controller or component:\n\n```javascript\n// app/controllers/application.js\nimport Ember from 'ember';\n\nexport default Ember.Controller.extend({\n  actions: {\n    clicked({event, jsEvent, view}){\n      this.showModal(event);\n    }\n  }\n});\n```\n\n## FullCalendar Scheduler\nBy default, the addon uses the [Free Trial License Key](http://fullcalendar.io/scheduler/download/) provided by FullCalendar. If you have a paid license key, you may set it by explicitly passing it into the component as `schedulerLicenseKey` or, the better option, is to set it in your `config/environment.js` file like so:\n\n```javascript\nvar ENV = {\n  emberFullCalendar: {\n    schedulerLicenseKey: '\u003cyour license key\u003e',\n  }\n  // Other options here, as needed.\n};\n```\n\n## FullCalendar Locales\nTo use locales, import and pass them in the `locales` option. [See the docs for more info](https://fullcalendar.io/docs/locale)\n\n## Fastboot Support\nThis addon now has minimal Fastboot support via #46.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fscoutforpets%2Fember-fullcalendar","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fscoutforpets%2Fember-fullcalendar","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fscoutforpets%2Fember-fullcalendar/lists"}