{"id":13481117,"url":"https://github.com/mattlewis92/angular-calendar","last_synced_at":"2026-01-12T06:19:51.950Z","repository":{"id":37663817,"uuid":"57139102","full_name":"mattlewis92/angular-calendar","owner":"mattlewis92","description":"A flexible calendar component for angular 20.2+ that can display events on a month, week or day view.","archived":false,"fork":false,"pushed_at":"2025-09-01T17:37:56.000Z","size":149069,"stargazers_count":2808,"open_issues_count":94,"forks_count":883,"subscribers_count":100,"default_branch":"main","last_synced_at":"2025-12-25T13:23:49.474Z","etag":null,"topics":["angular","calendar","calendar-component"],"latest_commit_sha":null,"homepage":"https://mattlewis92.github.io/angular-calendar/","language":"TypeScript","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/mattlewis92.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null},"funding":{"github":"mattlewis92","custom":"https://www.paypal.me/mattlewis92"}},"created_at":"2016-04-26T15:19:33.000Z","updated_at":"2025-12-24T17:40:47.000Z","dependencies_parsed_at":"2022-07-13T19:10:29.551Z","dependency_job_id":"3ac41eaf-2838-4b5c-8d00-4074e9956c24","html_url":"https://github.com/mattlewis92/angular-calendar","commit_stats":{"total_commits":1776,"total_committers":37,"mean_commits":48.0,"dds":0.4498873873873874,"last_synced_commit":"987fa74220e84d85265b01e53e248932ad1a3da6"},"previous_names":["mattlewis92/angular2-calendar"],"tags_count":152,"template":false,"template_full_name":null,"purl":"pkg:github/mattlewis92/angular-calendar","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mattlewis92%2Fangular-calendar","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mattlewis92%2Fangular-calendar/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mattlewis92%2Fangular-calendar/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mattlewis92%2Fangular-calendar/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mattlewis92","download_url":"https://codeload.github.com/mattlewis92/angular-calendar/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mattlewis92%2Fangular-calendar/sbom","scorecard":{"id":627549,"data":{"date":"2025-08-11","repo":{"name":"github.com/mattlewis92/angular-calendar","commit":"987fa74220e84d85265b01e53e248932ad1a3da6"},"scorecard":{"version":"v5.2.1-40-gf6ed084d","commit":"f6ed084d17c9236477efd66e5b258b9d4cc7b389"},"score":2.8,"checks":[{"name":"Maintained","score":0,"reason":"0 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 0","details":null,"documentation":{"short":"Determines if the project is \"actively maintained\".","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#maintained"}},{"name":"Dangerous-Workflow","score":10,"reason":"no dangerous workflow patterns detected","details":null,"documentation":{"short":"Determines if the project's GitHub Action workflows avoid dangerous patterns.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#dangerous-workflow"}},{"name":"Code-Review","score":0,"reason":"Found 2/30 approved changesets -- score normalized to 0","details":null,"documentation":{"short":"Determines if the project requires human code review before pull requests (aka merge requests) are merged.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#code-review"}},{"name":"Packaging","score":-1,"reason":"packaging workflow not detected","details":["Warn: no GitHub/GitLab publishing workflow detected."],"documentation":{"short":"Determines if the project is published as a package that others can easily download, install, easily update, and uninstall.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#packaging"}},{"name":"Token-Permissions","score":0,"reason":"detected GitHub workflow tokens with excessive permissions","details":["Warn: no topLevel permission defined: .github/workflows/ci.yml:1","Info: no jobLevel write permissions found"],"documentation":{"short":"Determines if the project's workflows follow the principle of least privilege.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#token-permissions"}},{"name":"Binary-Artifacts","score":10,"reason":"no binaries found in the repo","details":null,"documentation":{"short":"Determines if the project has generated executable (binary) artifacts in the source repository.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#binary-artifacts"}},{"name":"CII-Best-Practices","score":0,"reason":"no effort to earn an OpenSSF best practices badge detected","details":null,"documentation":{"short":"Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#cii-best-practices"}},{"name":"Pinned-Dependencies","score":0,"reason":"dependency not pinned by hash detected -- score normalized to 0","details":["Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/ci.yml:12: update your workflow using https://app.stepsecurity.io/secureworkflow/mattlewis92/angular-calendar/ci.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/ci.yml:14: update your workflow using https://app.stepsecurity.io/secureworkflow/mattlewis92/angular-calendar/ci.yml/main?enable=pin","Warn: third-party GitHubAction not pinned by hash: .github/workflows/ci.yml:20: update your workflow using https://app.stepsecurity.io/secureworkflow/mattlewis92/angular-calendar/ci.yml/main?enable=pin","Info:   0 out of   2 GitHub-owned GitHubAction dependencies pinned","Info:   0 out of   1 third-party GitHubAction dependencies pinned"],"documentation":{"short":"Determines if the project has declared and pinned the dependencies of its build process.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#pinned-dependencies"}},{"name":"Security-Policy","score":0,"reason":"security policy file not detected","details":["Warn: no security policy file detected","Warn: no security file to analyze","Warn: no security file to analyze","Warn: no security file to analyze"],"documentation":{"short":"Determines if the project has published a security policy.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#security-policy"}},{"name":"License","score":10,"reason":"license file detected","details":["Info: project has a license file: LICENSE:0","Info: FSF or OSI recognized license: MIT License: LICENSE:0"],"documentation":{"short":"Determines if the project has defined a license.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#license"}},{"name":"Fuzzing","score":0,"reason":"project is not fuzzed","details":["Warn: no fuzzer integrations found"],"documentation":{"short":"Determines if the project uses fuzzing.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#fuzzing"}},{"name":"Signed-Releases","score":-1,"reason":"no releases found","details":null,"documentation":{"short":"Determines if the project cryptographically signs release artifacts.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#signed-releases"}},{"name":"Branch-Protection","score":-1,"reason":"internal error: error during branchesHandler.setup: internal error: githubv4.Query: Resource not accessible by integration","details":null,"documentation":{"short":"Determines if the default and release branches are protected with GitHub's branch protection settings.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#branch-protection"}},{"name":"SAST","score":0,"reason":"SAST tool is not run on all commits -- score normalized to 0","details":["Warn: 0 commits out of 3 are checked with a SAST tool"],"documentation":{"short":"Determines if the project uses static code analysis.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#sast"}},{"name":"Vulnerabilities","score":0,"reason":"50 existing vulnerabilities detected","details":["Warn: Project is vulnerable to: GHSA-968p-4wvh-cqc8","Warn: Project is vulnerable to: GHSA-67hx-6x53-jw92","Warn: Project is vulnerable to: GHSA-qwcr-r2fm-qrc7","Warn: Project is vulnerable to: GHSA-v6h2-p8h4-qcjw","Warn: Project is vulnerable to: GHSA-grv7-fg5c-xmjg","Warn: Project is vulnerable to: GHSA-pxg6-pf52-xh8x","Warn: Project is vulnerable to: GHSA-3xgq-45jj-v275","Warn: Project is vulnerable to: GHSA-xwcq-pm8m-c4vf","Warn: Project is vulnerable to: GHSA-q9mw-68c2-j6m5","Warn: Project is vulnerable to: GHSA-4gmj-3p3h-gm8h","Warn: Project is vulnerable to: GHSA-67mh-4wv8-2f99","Warn: Project is vulnerable to: GHSA-rv95-896h-c2vc","Warn: Project is vulnerable to: GHSA-qw6h-vgh9-j6wx","Warn: Project is vulnerable to: GHSA-jchw-25xp-jwwc","Warn: Project is vulnerable to: GHSA-cxjh-pqwp-8mfp","Warn: Project is vulnerable to: GHSA-4q6p-r6v2-jvc5","Warn: Project is vulnerable to: GHSA-8mmm-9v2q-x3f9","Warn: Project is vulnerable to: GHSA-vfrc-7r7c-w9mx","Warn: Project is vulnerable to: GHSA-rc47-6667-2j5j","Warn: Project is vulnerable to: GHSA-78xj-cgh5-2h22","Warn: Project is vulnerable to: GHSA-2p57-rm9w-gvfp","Warn: Project is vulnerable to: GHSA-9c47-m6qq-7p4h","Warn: Project is vulnerable to: GHSA-76p3-8jx3-jpfq","Warn: Project is vulnerable to: GHSA-jf85-cpcp-j695","Warn: Project is vulnerable to: GHSA-fvqr-27wr-82fm","Warn: Project is vulnerable to: GHSA-4xc9-xhrj-v574","Warn: Project is vulnerable to: GHSA-x5rq-j2xg-h7qm","Warn: Project is vulnerable to: GHSA-29mw-wpgm-hmr9","Warn: Project is vulnerable to: GHSA-35jh-r3h4-6jhm","Warn: Project is vulnerable to: GHSA-952p-6rrq-rcjv","Warn: Project is vulnerable to: GHSA-mwcw-c2x4-8c55","Warn: Project is vulnerable to: GHSA-76c9-3jph-rj3q","Warn: Project is vulnerable to: GHSA-9wv6-86v2-598j","Warn: Project is vulnerable to: GHSA-rhx6-c78j-4q9w","Warn: Project is vulnerable to: GHSA-wgrm-67xf-hhpq","Warn: Project is vulnerable to: GHSA-7fh5-64p2-3v2j","Warn: Project is vulnerable to: GHSA-gcx4-mw62-g8wm","Warn: Project is vulnerable to: GHSA-c2qf-rxjj-qqgw","Warn: Project is vulnerable to: GHSA-m6fv-jmcg-4jfg","Warn: Project is vulnerable to: GHSA-76p7-773f-r4q5","Warn: Project is vulnerable to: GHSA-cm22-4g7w-348p","Warn: Project is vulnerable to: GHSA-25hc-qcg6-38wj","Warn: Project is vulnerable to: GHSA-cqmj-92xf-r6r9","Warn: Project is vulnerable to: GHSA-f5x3-32g6-xq36","Warn: Project is vulnerable to: GHSA-52f5-9888-hmc6","Warn: Project is vulnerable to: GHSA-fhg7-m89q-25r3","Warn: Project is vulnerable to: GHSA-j8xg-fqg3-53r7","Warn: Project is vulnerable to: GHSA-3h5v-q93c-6h6q","Warn: Project is vulnerable to: GHSA-f9xv-q969-pqx4","Warn: Project is vulnerable to: GHSA-p9pc-299p-vxgp"],"documentation":{"short":"Determines if the project has open, known unfixed vulnerabilities.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#vulnerabilities"}}]},"last_synced_at":"2025-08-21T06:54:13.640Z","repository_id":37663817,"created_at":"2025-08-21T06:54:13.640Z","updated_at":"2025-08-21T06:54:13.640Z"},"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28336315,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-12T06:09:07.588Z","status":"ssl_error","status_checked_at":"2026-01-12T06:05:18.301Z","response_time":98,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["angular","calendar","calendar-component"],"created_at":"2024-07-31T17:00:48.841Z","updated_at":"2026-01-12T06:19:51.933Z","avatar_url":"https://github.com/mattlewis92.png","language":"TypeScript","funding_links":["https://github.com/sponsors/mattlewis92","https://www.paypal.me/mattlewis92"],"categories":["Uncategorized","UI Components","UI","Components","Third Party Components","Complete projects"],"sub_categories":["Uncategorized","Calendar","Form / Input","Input - Date/Calendar","Calendars"],"readme":"\u003ch1 align=\"center\"\u003eangular 20.2+ calendar\u003c/h1\u003e\n\n\u003cdiv align=\"center\"\u003e\n\n[![Sponsorship](https://img.shields.io/badge/funding-github-%23EA4AAA)](https://github.com/users/mattlewis92/sponsorship)\n[![Build Status](https://github.com/mattlewis92/angular-calendar/actions/workflows/ci.yml/badge.svg)](https://github.com/mattlewis92/angular-calendar/actions/workflows/ci.yml)\n[![codecov](https://codecov.io/gh/mattlewis92/angular-calendar/branch/main/graph/badge.svg)](https://codecov.io/gh/mattlewis92/angular-calendar)\n[![npm version](https://badge.fury.io/js/angular-calendar.svg)](http://badge.fury.io/js/angular-calendar)\n[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)\n[![Twitter Follow](https://img.shields.io/twitter/follow/mattlewis92_.svg)](https://twitter.com/mattlewis92_)\n\n\u003c/div\u003e\n\n\u003ch2 align=\"center\"\u003eDemo\u003c/h2\u003e\n\n\u003cdiv align=\"center\"\u003e\n\nhttps://mattlewis92.github.io/angular-calendar/\n\n\u003c/div\u003e\n\n\u003ch2 align=\"center\"\u003eSponsors\u003c/h2\u003e\n\n\u003cdiv align=\"center\"\u003e\n  \n\u003ca href=\"https://clickup.com/careers/senior-frontend-engineer\" target=\"_blank\"\u003e\u003cimg src=\"https://i.imgur.com/0RWYhEB.jpg\"\u003e\u003c/a\u003e\n\n\u003ca href=\"https://app.tea.xyz/sign-up?r=_uTUIw6W-Fr\" target=\"_blank\"\u003e\u003cimg src=\"https://i.imgur.com/dfbyhmW.png\"\u003e\u003c/a\u003e\n\n\u003c/div\u003e\n\n## Table of contents\n\n- [About](#about)\n- [Getting started](#getting-started)\n- [Documentation](#documentation)\n- [Breaking changes](#breaking-changes)\n- [FAQ](#faq)\n- [Angular 1 version](#angular-1-version)\n- [Development](#development)\n- [License](#license)\n\n\u003ch2 align=\"center\"\u003eAbout\u003c/h2\u003e\n\nA calendar component for angular 20.2+ that can display events on a month, week or day view. The successor of [angular-bootstrap-calendar](https://github.com/mattlewis92/angular-bootstrap-calendar).\n\n\u003ch2 align=\"center\"\u003eGetting started\u003c/h2\u003e\n\n### ng add (recommended)\n\n```sh\nng add angular-calendar\n```\n\n### Manual setup (ng add will do this all for you)\n\nFirst install through npm:\n\n```bash\nnpm install angular-calendar date-fns\n```\n\nNext include the CSS file in the global (not component scoped) styles of your app:\n\n```\n/* angular-cli file: src/styles.css */\n@import \"../node_modules/angular-calendar/css/angular-calendar.css\";\n```\n\nFinally add the calendar to a component in your app:\n\n```typescript\nimport { Component } from '@angular/core';\nimport { DateAdapter, provideCalendar, CalendarPreviousViewDirective, CalendarTodayDirective, CalendarNextViewDirective, CalendarMonthViewComponent, CalendarWeekViewComponent, CalendarDayViewComponent, CalendarEvent, CalendarView, CalendarDatePipe } from 'angular-calendar';\nimport { adapterFactory } from 'angular-calendar/date-adapters/date-fns';\n\n@Component({\n  imports: [CalendarPreviousViewDirective, CalendarTodayDirective, CalendarNextViewDirective, CalendarMonthViewComponent, CalendarWeekViewComponent, CalendarDayViewComponent, CalendarDatePipe],\n  providers: [\n    provideCalendar({\n      provide: DateAdapter,\n      useFactory: adapterFactory,\n    }),\n  ],\n  template: `\n    \u003cbutton mwlCalendarPreviousView [view]=\"view\" [(viewDate)]=\"viewDate\" (viewDateChange)=\"closeOpenMonthViewDay()\"\u003ePrevious\u003c/button\u003e\n    \u003cbutton mwlCalendarToday [(viewDate)]=\"viewDate\"\u003eToday\u003c/button\u003e\n    \u003cbutton mwlCalendarNextView [view]=\"view\" [(viewDate)]=\"viewDate\" (viewDateChange)=\"closeOpenMonthViewDay()\"\u003eNext\u003c/button\u003e\n    \u003ch3\u003e{{ viewDate | calendarDate: view + 'ViewTitle' : 'en' }}\u003c/h3\u003e\n    \u003cbutton (click)=\"setView(CalendarView.Month)\" [class.active]=\"view === CalendarView.Month\"\u003eMonth\u003c/button\u003e\n    \u003cbutton (click)=\"setView(CalendarView.Week)\" [class.active]=\"view === CalendarView.Week\"\u003eWeek\u003c/button\u003e\n    \u003cbutton (click)=\"setView(CalendarView.Day)\" [class.active]=\"view === CalendarView.Day\"\u003eDay\u003c/button\u003e\n    @switch (view) {\n      @case (CalendarView.Month) {\n        \u003cmwl-calendar-month-view [viewDate]=\"viewDate\" [events]=\"events\" /\u003e\n      }\n      @case (CalendarView.Week) {\n        \u003cmwl-calendar-week-view [viewDate]=\"viewDate\" [events]=\"events\" /\u003e\n      }\n      @case (CalendarView.Day) {\n        \u003cmwl-calendar-day-view [viewDate]=\"viewDate\" [events]=\"events\" /\u003e\n      }\n    }\n  `,\n})\nexport class MyComponent {\n  readonly CalendarView = CalendarView;\n  viewDate = new Date();\n  events: CalendarEvent[] = [\n    {\n      start: new Date(),\n      title: 'An event',\n    },\n  ];\n\n  setView(view: CalendarView) {\n    this.view = view;\n  }\n}\n```\n\nIn order to allow the most flexibility for all users there is a substantial amount of boilerplate required to get up and running. Please see the [demos list](https://mattlewis92.github.io/angular-calendar/) for a series of comprehensive examples of how to use this library within your application.\n\nOnce you are up and running, to access a full list of options for each component, the individual APIs are documented here: [`mwl-calendar-month-view`](https://mattlewis92.github.io/angular-calendar/docs/components/CalendarMonthViewComponent.html), [`mwl-calendar-week-view`](https://mattlewis92.github.io/angular-calendar/docs/components/CalendarWeekViewComponent.html) and [`mwl-calendar-day-view`](https://mattlewis92.github.io/angular-calendar/docs/components/CalendarDayViewComponent.html).\n\n\u003e Please note: angular-calendar uses [Scarf](https://scarf.sh/) to collect anonymized installation analytics. These analytics help support the maintainers of this library. However, if you'd like to opt out, you can do so by setting `scarfSettings.enabled = false` in your project's package.json. Alternatively, you can set the environment variable `SCARF_ANALYTICS=false` before you install.\n\n\u003ch2 align=\"center\"\u003eDocumentation\u003c/h2\u003e\n\nTo see all available API options, take a look at the auto generated [documentation](https://mattlewis92.github.io/angular-calendar/docs/). You may find it helpful to view the examples on the demo page.\n\n\u003ch2 align=\"center\"\u003eBreaking changes\u003c/h2\u003e\n\nWhere possible this library will strictly adhere to [semver](http://semver.org/) and only introduce API breaking changes in 0.x releases or new major versions post 1.0. The only exception to this is if you are using custom templates or extending the base components to add additional functionality, whereby critical bug fixes may introduce breakages as the internal API changes.\n\n\u003ch2 align=\"center\"\u003eFAQ\u003c/h2\u003e\n\n### Is this library AoT and universal compatible?\n\nYes.\n\n### What major versions of angular does this library support?\n\n| Angular major   | Last supported angular-calendar version                                  |\n| --------------- | ------------------------------------------------------------------------ |\n| 20.x and higher | latest version                                                           |\n| 15.x - 19.x     | [0.31.1](https://github.com/mattlewis92/angular-calendar/tree/v0.31.1)   |\n| 14.x            | [0.30.1](https://github.com/mattlewis92/angular-calendar/tree/v0.30.1)   |\n| 12.x - 13.x     | [0.29.0](https://github.com/mattlewis92/angular-calendar/tree/v0.29.0)   |\n| 6.x - 11.x      | [0.28.28](https://github.com/mattlewis92/angular-calendar/tree/v0.28.28) |\n| 5.x             | [0.24.1](https://github.com/mattlewis92/angular-calendar/tree/v0.24.1)   |\n| 4.x             | [0.22.3](https://github.com/mattlewis92/angular-calendar/tree/v0.22.3)   |\n| 2.x             | [0.9.1](https://github.com/mattlewis92/angular-calendar/tree/v0.9.1)     |\n\n### No styles are appearing?\n\nNo component styles are included with each component to make it easier to override them (otherwise you’d have to use `!important` on every rule that you customised). Thus you need to import the CSS file separately from `node_modules/angular-calendar/css/angular-calendar.css`.\n\n### How come there are so many dependencies?\n\nWhen building the calendar some parts were found to be reusable so they were split out into their own modules. Only the bare minimum that is required is included with the calendar, there is no extra code than if there were no dependencies. `date-fns` especially only imports directly the functions it needs and not the entire library.\n\n### The month, week or day view doesn’t meet my project requirements, but the other views do.\n\nBuild your own component to replace that view, and use it in place of the one this library provides. It’s impossible to provide a calendar component that meets everyones use cases, hopefully though at least some of the day / week / month view components provided can be customised with the calendars API enough to be of some use to most projects.\n\n### How come there’s no year view like the ng1 version?\n\nAs there are so many events to show on each month, it doesn’t provide a lot of value and is just an extra burden to maintain. There is nothing to stop someone from building a new lib like `angular-calendar-year-view` though ;)\n\n### Does this calendar work with mobile?\n\nThis library is not optimised for mobile. Due to the complex nature of a calendar component, it is non trivial to build a calendar that has a great UX on both desktop and mobile. It is recommended to build your own calendar component for mobile that has a dedicated UX. You may be able to get some degree of mobile support by setting some custom CSS rules for smaller screens on the month view and showing less days on the [week view](https://mattlewis92.github.io/angular-calendar/#/responsive-week-view).\n\n### How do I use a custom template?\n\nAll parts of this calendar can be customised via the use of an `ng-template`. The recipe for applying one is as follows:\n\n- Find the template you would like to customise for the month, week or day view component. You can find all available custom templates by reading the [documentation](https://mattlewis92.github.io/angular-calendar/docs/) for each component. For this example we will pick the [`cellTemplate`](https://mattlewis92.github.io/angular-calendar/docs/components/CalendarMonthViewComponent.html#cellTemplate) from the month view.\n- Next find the corresponding child component that will render the template by viewing the source. For our example of the month view cell it is [this component](https://github.com/mattlewis92/angular-calendar/blob/main/projects/angular-calendar/src/modules/month/calendar-month-view/calendar-month-cell/calendar-month-cell.component.ts)\n- Now copy the [template source](https://github.com/mattlewis92/angular-calendar/blob/be842da460a803ebb570418bc10e11fab56bd7b9/projects/angular-calendar/src/modules/month/calendar-month-cell.component.ts#L15-L72) for your chosen template into your own component and modify as your see fit.\n- Finally pass the template to the components input: `\u003cmwl-calendar-month-view [cellTemplate]=\"cellTemplateId\" /\u003e`\n- You can see an e2e working example of this [here](https://mattlewis92.github.io/angular-calendar/#/custom-templates)\n\n### What is the browser compatibility?\n\nAll evergreen browsers supported by angular.\n\n### Does this library require bootstrap?\n\nNo! While the demo site uses bootstrap, it isn't a requirement of this library. The styling is designed to adapt to whatever global styling your app has.\n\n\u003ch2 align=\"center\"\u003eAngular 1 version\u003c/h2\u003e\n\n\u003cdiv align=\"center\"\u003e\n\nhttps://github.com/mattlewis92/angular-bootstrap-calendar\n\n\u003c/div\u003e\n\n\u003ch2 align=\"center\"\u003eDevelopment\u003c/h2\u003e\n\n### Prepare your environment\n\n- Install [Node.js (\u003e=24.5.0)](http://nodejs.org/)\n- Install pnpm: `corepack enable`\n- Install local dev dependencies: `pnpm install` while current directory is this repo\n\n### Development server\n\nRun `pnpm start` to start a development server on port 8000 with auto reload + tests.\n\n### Testing\n\nRun `pnpm test` to run tests once or `pnpm test:watch` to continually run tests.\n\n### Release\n\n- Bump the version in package.json (once the module hits 1.0 this will become automatic)\n\n```bash\npnpm release\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmattlewis92%2Fangular-calendar","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmattlewis92%2Fangular-calendar","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmattlewis92%2Fangular-calendar/lists"}