Questions tagged [angular-calendar]

A calendar component for Angular 6.0+ that can display events on a month, week or day view. The successor of angular-bootstrap-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…
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…
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…
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…
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…
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…
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