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
0
votes
0 answers
can't fetch angular calendar events by getting data from Firestore
I'm using Angular Calendar to display some events,
data is stored in Firestore.
this is my code :
events$!: Observable[]>;
let drops$ = from(this.drops);
this.events$! = drops$.pipe(({ result }: { results: Drop[]…

Wahéb
- 541
- 1
- 5
- 15
0
votes
0 answers
I want to show recurring events Angular calendar (mwlcalendar)
I am trying to implement recurring events in mwlcalendar in Angular. I have the events and the occurences for recurring events. how to show it in the calendar
I have used moment-recur plugin to generate occurences but I want to show the occurences…
0
votes
0 answers
mattlewis angular- week-view calendar - use specific timezone
Is it possible to use the week-view calendar completely independently of the client's time zone, that is, to use a specific time zone so that the start/end dayHour (00-23) refer to the local time of that defined time zone, not to the client's…
0
votes
0 answers
Not able to update events title in angular calendar
I tried to get the single event from events and then update the values. Even if I can update the values like title and color the update only shows in the onclick modal but I wanted to use my actual event on the calender to get the value updated.
And…

Adrita Tory
- 1
- 2
0
votes
0 answers
event not rendering by FromControl in angular
I am trying to fetch the single event data by eventclicked function to the HTML using the form-control but its showing the below error.
ERROR Error: Cannot find control with name: 'event'
at _throwError (forms.mjs:3199:11)
at setUpFormContainer…

Adrita Tory
- 1
- 2
0
votes
1 answer
fullCalendar, Syncronization with Outlook
I work for an online booking company and I am relatively new to this field.
On out website we have a built-in calendar (we use Angular fullCalendar), from where all our clients can make an online booking. We already have a function to save the…

rosie
- 1
0
votes
2 answers
Element implicitly has an 'any' type because expression of type '"eventGroups"' can't be used to index type 'MonthViewDay'
I'm following the tutorial for Angular 14+ calendar here:
https://mattlewis92.github.io/angular-calendar/#/group-similar-events
But it's giving me an exception when trying to assign the array.
Element implicitly has an 'any' type because expression…

Enrico
- 2,734
- 1
- 27
- 40
0
votes
1 answer
Angular application has two different locale for debug and run
I have an application with a calendar that posts a string representation of a timestamp.
I pick a date, let's assume from a date picker (it's date-fns and angular-calendar).
I have a POST in my service
postWorkingSlot(workingSlot: NewWorkingSlot,…

Tsakiroglou Fotis
- 953
- 8
- 24
0
votes
1 answer
Agular full calendar view events styling
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
0
votes
2 answers
Sanitizing a field in an Angular subscribed array when its a optional field in the interface to avoid Overload error
I am getting an Overload error when sanitizing data from a Django API. The event.start has no issues, but event.end is erroring out.
Here is my subscribe implementation:
public getEvents() {
this.apiService.getEvent()
.subscribe(
(data:…

Eric Kumar
- 21
- 3
0
votes
2 answers
Angular/RxJS type error when mapping observable
I am getting the following error when trying to map a resposne from my api
Argument of type 'OperatorFunction<{ results: CustomerShipment[]; },{ title: string; start: Date; }[]>'
is not assignable to parameter of type…

Jacob
- 371
- 2
- 18
0
votes
2 answers
Can we use the Start Hour as 8 AM and End Hour as 7 AM in Angular Calendar
Calendar Image 1
Calendar image 2
I am using an Angular Calendar and I want to set the start hour of the calendar to be 8AM and end hour to be 7 AM. It is possible to do something like that in the angular calendar. I am stuck at this particular…

Ashwin Eswar
- 1
- 1
0
votes
1 answer
angular-calendar - how to programmatically navigate
I am using https://github.com/mattlewis92/angular-calendar and I would like to navigate programmatically (Next, Previous, Today).
I know the directives (e.g. mwlCalendarPreviousView, mwlCalendarNextView) but I would like to navigate via an API…

maku_at
- 1,579
- 2
- 13
- 21
0
votes
1 answer
How to set onHover event on angular-calendar events?
I am using a calendar module for my angular project: https://github.com/mattlewis92/angular-calendar
I was able to set onClick events (show a modal) in a day inside the calendar, but I want to show the modal when I hover the…

FTello31
- 51
- 1
- 10
0
votes
1 answer
Angular Material can't change eventCalendar width in mwl-calendar-week-view
I'm using Angular Calendar and displaying Calendar events , for the week view I want to change the events width dynamically depending on variable in ts component , but I failed to achieve this .
this the code for the week view
…

achref
- 1
- 1