https://github.com/mercedes-benz/multi-event-calendar
Multiple events calendar based on angular. The calendar displays multiple not overlapping date ranges and allows to select ranges and to create new ranges.
https://github.com/mercedes-benz/multi-event-calendar
angular calendar component typescript
Last synced: 20 days ago
JSON representation
Multiple events calendar based on angular. The calendar displays multiple not overlapping date ranges and allows to select ranges and to create new ranges.
- Host: GitHub
- URL: https://github.com/mercedes-benz/multi-event-calendar
- Owner: mercedes-benz
- License: mit
- Archived: true
- Created: 2021-03-09T09:15:12.000Z (about 4 years ago)
- Default Branch: main
- Last Pushed: 2021-05-20T10:32:16.000Z (almost 4 years ago)
- Last Synced: 2025-04-02T21:13:02.536Z (27 days ago)
- Topics: angular, calendar, component, typescript
- Language: TypeScript
- Homepage:
- Size: 244 KB
- Stars: 1
- Watchers: 5
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
- Codeowners: .github/CODEOWNERS
- Security: SECURITY.md
Awesome Lists containing this project
README
# MultiEventCalendar
You find a lot of different calendars throughout the World Wide Web. But most of them are date pickers/visualizers only, mostly for one or two dates.
If you search for an angular calendar, which can show multiple events your search ends right here.
|This calendar can be date picker|or| it can show multiple events|
|---|---|---|
||->||
## Prerequisites
- NPM installed
- Personal access token on Github with at least read:packages permission (see [creating a personal access token](https://docs.github.com/en/github/authenticating-to-github/creating-a-personal-access-token))
- Configured personal Github access token in your local .npmrc config file (see [authenticating with a personal access token](https://docs.github.com/en/packages/guides/configuring-npm-for-use-with-github-packages#authenticating-with-a-personal-access-token))
> Note: Otherwise you will get the following error message on npm install:\
npm ERR! code E401\
npm ERR! Unable to authenticate, need: Basic realm="GitHub Package Registry":
___
## Quickstart Guide
This repository contains the [calendar library](./projects/multi-event-calendar) and a [simple demonstration app](./projects/multi-event-calendar-tutorial) as well.
If you like to see the calendar in action and try its features yourself please use the demonstration app:
1. Clone this repository with a git client of your choice or with command line:
```bash
git clone https://github.com/Daimler/multi-event-calendar.git
cd multi-event-calendar
```
2. Install all dependencies
```bash
npm install
```
> Note: via the .npmrc file in this directory github packages is configured as a npm registry.
3. Serve the angular application
```bash
ng serve
```
> Note: For experimenting with the calendar's behavior have a look at the [input and output description](./projects/multi-event-calendar/README.md#inputs).
If you like to use the calendar in your own angular application please [read.me](./projects/multi-event-calendar/README.md) for further details.
---
## Contributing
We welcome any contributions.
If you want to contribute to this project, please read the [contributing guide](CONTRIBUTING.md).
To get started with the development, please read the [developing guide](DEVELOPING.md).
## Code of Conduct
Please read our [Code of Conduct](CODE_OF_CONDUCT.md) as it is our base for interaction.
## License
This project is licensed under the [MIT LICENSE](LICENSE).
## Provider Information
Please visit for information on the provider.
Notice: Before you use the program in productive use, please take all necessary precautions,
e.g. testing and verifying the program with regard to your specific use.
The program was tested solely for our own use cases, which might differ from yours.