Socket
Socket
Sign inDemoInstall

angular-calendar

Package Overview
Dependencies
10
Maintainers
1
Versions
259
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

Comparing version 0.31.1-alpha.0 to 0.31.1

4

package.json
{
"name": "angular-calendar",
"version": "0.31.1-alpha.0",
"version": "0.31.1",
"description": "A calendar component for angular 15.0+ that can display events on a month, week or day view",

@@ -8,3 +8,3 @@ "funding": {

},
"packageManager": "pnpm@7.18.1",
"packageManager": "pnpm@8.10.0",
"schematics": "./schematics/collection.json",

@@ -11,0 +11,0 @@ "commitlint": {

@@ -18,3 +18,3 @@ <h1 align="center">angular 15.0+ calendar</h1>

https://mattlewis92.github.io/angular-calendar/
https://mattlewis-github.com/angular-calendar/

@@ -89,5 +89,5 @@ </div>

In 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.
In 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://mattlewis-github.com/angular-calendar/) for a series of comprehensive examples of how to use this library within your application.
Once 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).
Once 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://mattlewis-github.com/angular-calendar/docs/components/CalendarMonthViewComponent.html), [`mwl-calendar-week-view`](https://mattlewis-github.com/angular-calendar/docs/components/CalendarWeekViewComponent.html) and [`mwl-calendar-day-view`](https://mattlewis-github.com/angular-calendar/docs/components/CalendarDayViewComponent.html).

@@ -98,3 +98,3 @@ > 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.

To 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.
To see all available API options, take a look at the auto generated [documentation](https://mattlewis-github.com/angular-calendar/docs/). You may find it helpful to view the examples on the demo page.

@@ -141,3 +141,3 @@ <h2 align="center">Breaking changes</h2>

This 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).
This 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://mattlewis-github.com/angular-calendar/#/responsive-week-view).

@@ -148,7 +148,7 @@ ### How do I use a custom template?

- 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.
- 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://mattlewis-github.com/angular-calendar/docs/) for each component. For this example we will pick the [`cellTemplate`](https://mattlewis-github.com/angular-calendar/docs/components/CalendarMonthViewComponent.html#cellTemplate) from the month view.
- 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)
- 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.
- Finally pass the template to the components input: `<mwl-calendar-month-view [cellTemplate]="cellTemplateId" />`
- You can see an e2e working example of this [here](https://mattlewis92.github.io/angular-calendar/#/custom-templates)
- You can see an e2e working example of this [here](https://mattlewis-github.com/angular-calendar/#/custom-templates)

@@ -155,0 +155,0 @@ ### What is the browser compatibility?

{
"name": "angular-calendar",
"version": "0.31.1-alpha.0",
"version": "0.31.1",
"description": "A calendar component for angular 15.0+ that can display events on a month, week or day view",

@@ -8,3 +8,3 @@ "funding": {

},
"packageManager": "pnpm@7.18.1",
"packageManager": "pnpm@8.10.0",
"pnpm": {

@@ -150,3 +150,3 @@ "peerDependencyRules": {

"moment-timezone": "^0.5.40",
"ng-packagr": "^15.2.2",
"ng-packagr": "^15.0.3",
"ngx-clipboard": "^15.1.0",

@@ -153,0 +153,0 @@ "npm-run-all": "^4.1.5",

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc