A calendar component for Angular 6.0+ that can display events on a month, week or day view. The successor of angular-bootstrap-calendar.
Questions tagged [angular-calendar]
110 questions
3
votes
1 answer
How to select a day in Angular Calendar package
I am using Angular Calendar (see demos here https://mattlewis92.github.io/angular-calendar/#/kitchen-sink)
And I need to apply a different class to a day (or more) that I select.
So, if I click on a day (or more), I need them to be pink or…

user2004
- 1,783
- 4
- 15
- 42
2
votes
0 answers
Angular Calendar Scheduler custom eventTemplate no working properly
I followed the usage on this npm page to recreate the calendar schedular view, now I want to change the event template, so that I can add some event buttons and icons to it.
I created a custom template and added it to the calendar-scheduler-view as…

ItsaSimulation
- 21
- 4
2
votes
1 answer
TypeError: Cannot read properties of undefined (reading 'event')
I am trying to create a custom day event template for Angular 14.0+ Calendar and I cannot figure out why my events are being returned as undefined. The regular month view for the calendar is working fine.
HTML:
…

Frank Doe
- 192
- 1
- 3
- 17
2
votes
1 answer
Preventing eventClick trigger when drag and dropping events using angular-calendar
I have an issue with the current binding of (eventClicked) and (eventTimesChanged) using angular calendar when my events are both draggable and clickable.
NOTE: This behavior seems to happen on Firefox v84.0.2 but not on Chrome…

mlogario
- 103
- 5
2
votes
0 answers
Cannot read property 'events' of undefined" (angular-calendar updated to 0.28.16)
I've updated the angular-calendar plugin to the latest version 0.28.16 and I am using custom hourSegmentTemplate for loading the async events on day view calendar. It was working fine on 0.24.1 version. Now i am stuck with this weird error. I posted…

Shalini
- 219
- 1
- 5
- 16
2
votes
2 answers
angular-calendar having a show more options to load more events in a day cell of the month view
I'am using angular-calendar with a custom template as given here : https://mattlewis92.github.io/angular-calendar/#/custom-templates,
For the month - view i would like to have a "Show more" option which will load more events in the day cell. By…

Preethi Rajaraman
- 363
- 1
- 8
- 18
2
votes
2 answers
Calendar don't show events in first load, only after trigger any element in window
Calendar don't show events in first load.
Only when I trigger any event like click in button to change the view from month to week for example.
I'm using Angular Calendar 6 + LINK
My project is made in Angular 6.
The calendar don't show data in…

Adriano Frota
- 488
- 3
- 14
- 27
2
votes
0 answers
Scrollable content - angular-calendar
I'm trying to implement mattlewis92's angular calendar (https://github.com/mattlewis92/angular-calendar) and I can't figure out what i need to make views scrollable.
I need help implementing overflow: auto and max-height on week and day views.
I'm…

Stephano Balbinot
- 21
- 2
2
votes
2 answers
Can't bind to 'view' since it isn't a known property of 'div' Ionic3
I am new to Ionic and I am trying to use Angular Calendar in my Ionic3 application. But it throws me an error stating,
Can't bind to 'view' since it isn't a known property of 'div'. Here's the screenshot: enter image description here
Here is my…

Ronak Gupta
- 71
- 2
- 8
2
votes
1 answer
Display Short week days in angular-bootstrap-calendar instead of long week days
I'm using angular-bootstrap-calendar in Angular 4 app, and it displays long week days (ex: Sunday, Monday, etc...). Instead, I want short week days with 2 letters (ex: Su, Mo, etc...). Does it have any pre-defined class which I can use directly in…

imPK
- 764
- 2
- 7
- 30
1
vote
0 answers
CalendarEvents dont show data in angular 15
Im devoloping a calendar with some events from database but dont appear any event in calendar. I follow this demo https://mattlewis92.github.io/angular-calendar/#/no-events-label
I tried to populate the events array with my database data but not…

Bernardo Costa
- 11
- 2
1
vote
0 answers
Angular calendar external event drop to day view scheduler
I am working on the Angular calendar and the requirement is to drop external event to the day timeline to specific user.
I am using day-view-scheduler for day view timeline and external…

Sagar Patel
- 11
- 2
1
vote
2 answers
npm ERR! husky - .git can't be found WINDOWS
I'm trying to install mattlewis92's angular 14.0+ calendar, which suggests the use of the command ng add angular-calendar. However when doing so I got an error:
npm ERR! command C:\Windows\system32\cmd.exe /d /s /c husky install
npm ERR! 'husky' is…

Naydenow
- 21
- 1
- 5
1
vote
0 answers
Agular full calendar view events styling(hover effect)
I want to Add hover effects on Events of Angular Full-calendar-view(using this version ^5.10.2).
I tried by using eventMouseEnter and eventMouseLeave functions but it's not helping me to add effects on events.
Pic attached to show events on Full…

Rohan Raza
- 11
- 1
1
vote
1 answer
Angular calendar how to custom events template
I am using Angular calendar to implement day view for my project. I need to show a certain time of day with different background color.
I need to specify tasks list for events in my calendar.
Do you know how to use ng-emplate for custom events…

Fa Lak
- 41
- 1
- 9