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
21
votes
2 answers
Argument of type { static: boolean; } is not assignable to parameter of type { read?: any }
In my newly created Angular app, I'm trying to use the angular-calendar by mattlewis92 to create his calendar. I've taken copied all of the steps and code listed on his github: https://mattlewis92.github.io/angular-calendar/#/kitchen-sink but I keep…

rcarcia02
- 927
- 4
- 15
- 46
14
votes
2 answers
Why doesn't async angular unit-test find DOM element?
I've got a failing asynchronous angular component DOM test but it's synchronous equivalent fails and I don't understand why.
Here's the jasmine test:
describe('Availability Component', () => {
let fixture:…

kossmoboleat
- 1,841
- 1
- 19
- 36
8
votes
1 answer
week view hour segment angular calendar
I need to display the hours with an interval of 15 that can be configured by the user.
I tried the way it is below but it is displaying as follows:
I need to display with an interval of 15 or 30 minutes: 15:15 - 15:30 - 15:45
html component:…

Luiz Ricardo Cardoso
- 1,554
- 4
- 16
- 37
5
votes
2 answers
angular-calendar subFn is not a function
I having troubles using the angular 5 calendar component https://mattlewis92.github.io/angular-calendar
The calendar renders perfectly, including events etc.
However, Using mwlCalendarPreviousView and mwlCalendarNextView directives do not…

Pieter Degraeuwe
- 532
- 6
- 17
4
votes
2 answers
Angular-Calendar: No provider for DateAdapter
In my newly created Angular app, I'm trying to use the angular-calendar by mattlewis92 to create his calendar. I've taken copied all of the steps and code listed on his github: https://mattlewis92.github.io/angular-calendar/#/kitchen-sink but I keep…

rcarcia02
- 927
- 4
- 15
- 46
4
votes
2 answers
How to use ng-template in angular calendar week view to show certain day hours in different color
I am using mattlewis Angular calendar to implement week view for my project. I need to show a certain time of day in week with different background color.
I could not find an input or some other way (using ng-template) to render specific cell in…

Always_a_learner
- 4,585
- 13
- 63
- 112
4
votes
1 answer
Hour display hourSegments angular-calendar
In my calendar I need to display the time of day and week as follows: 09:00, 09:15, 09:20.
I upgraded the package to the latest
angular-calendar version
0.26.1
and now the code below is giving error and I can no longer display the time as…

Luiz
- 449
- 5
- 17
3
votes
0 answers
Angular-calendar drag events across days
I feel like this is a bit of a longshot but I'll ask anyway.
I have a component that displays the angular-calendar day-view-scheduler. I use this to display a view of any given day with the events that are scheduled on that particular day. One of…

Brad K
- 177
- 1
- 10
3
votes
3 answers
How to implement a Date Range Picker using mat-calendar in Angular
I would like to implement a Daterange picker using mat-calendar in Angular. I am not able to get implement it in a correct way. Can anyone help me in this.
My html code:

R SUBASH
- 41
- 1
- 1
- 7
3
votes
0 answers
Custom cell template for angular-calendar-week-view
Can you please let me know if there any way to customize the cell template in week view?
Currently I'm using something like:

user13245939
- 31
- 2
3
votes
2 answers
mattlewis angular- calendar not showing correct time in view, it is adding 5:30 hours
Iam using mattlewis angular-calendar for showing events but it is not showing correct time in view. time is fetched correctly from the api but in the view it is adding 5:30 hours. eg if meeting starts at 11:00 AM , it is showing 4:30Pm in the week…

Jyotsana
- 31
- 1
3
votes
0 answers
Is there a way to show mat-calendar with multi-month view using angular material?
I want to show the dates from at least two months at a time in mat-calendar. I have realised that there are only 3 expected values for currentView as month, year and multi-year. None of them solve my requirement. I tried to use multi-month but this…

mahesh peddi
- 787
- 3
- 8
- 21
3
votes
2 answers
Get Date range in angular-calendar view
I am currently using an angular-calendar package for the Date view in the UI. I am having trouble getting the date range(start date & end date) of the view, i.e if I am currently in Monthly view, then I want the start date & end date of the monthly…

Saigal Amatya
- 383
- 1
- 8
- 22
3
votes
1 answer
Angular 6+ calendar custom event template for WEEK view is not working
I am working on angular 6+ calendar. I want to add custom event template but it did not work.
Actually i want to add a progress bar along with title and action buttons, This custom eventTemplate is not working, no events are being shown in the week…

Dev001
- 276
- 1
- 7
- 25
3
votes
1 answer
More than one badge on a cell - Angular Calendar
I am using Angular Calendar https://github.com/mattlewis92/angular-calendar and i want to have more than one badge per cell, each badge in a counter for a different type of event. There is different types of events (using the meta property in…

Waray Mohamed Amine
- 361
- 4
- 16