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
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[]…
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…
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…
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…
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,…
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…
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:…
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…
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