Stack Overflow
Stack Overflow

Questions tagged [react-big-calendar]

Full featured calendar React component for managing events and dates.

React-big-calendar is full featured calendar React component for managing events and dates. It uses modern flexbox instead of table for layout making it super responsive and performant.

299 questions
20
votes
5 answers

TypeError: date[("get" + method)] is not a function in React-big-calendar

I am trying to change the view from month to week but in meantime it give me an error . I am new to react and react-big-calendar could someone please help me how to solve this problem . When I change calendar view to month it working fine but when I…
Jonas
  • 211
  • 2
  • 7
20
votes
3 answers

npm install from github: Module not found: Can't resolve 'react-big-calendar'

I had to make some changes on react-big-calendar module so I forked the project on github, made modifications and pushed. Then I used this command to install the new package: npm install…
Akamee
  • 593
  • 1
  • 6
  • 21
10
votes
3 answers

react-big-calendar navigate to specific day / month

I'm using BigCalendar react-big-calendar, and I'm trying to find an example on how to navigate to specific day / month when defaultDate state value changes.
Deano
  • 11,582
  • 18
  • 69
  • 119
9
votes
3 answers

How to merge two array of objects with reactjs?

I have a react-big-calendar, I want to fetch the events of this week from the backend and the other weeks from the local storage. My code is : componentDidMount() { fetch("url") .then(Response => Response.json()) .then(data => { …
Ichrak Mansour
  • 1,850
  • 11
  • 34
  • 61
9
votes
1 answer

react big calendar start week from monday instead of sunday?

use react-big-calendar.js and moment.js setLocalizer code moment.locale('ko'); BigCalendar.setLocalizer( BigCalendar.momentLocalizer(moment) ); first day of the week is always Sunday I want to see it from Monday. The associated…
kyunghwanjung
  • 490
  • 6
  • 17
9
votes
2 answers

How can I create a custom Event Component for react-big-calendar?

The docs mention having the ability to create custom components: http://intljusticemission.github.io/react-big-calendar/examples/index.html#prop-components I've tried with:
Shamoon
  • 41,293
  • 91
  • 306
  • 570
7
votes
1 answer

React Big Calendar how to style a single day in the month view

So as seen on the picture, I want to style individual events. Example of how it should look With the slotpropgetter it's possible to conditionally render styles. slotPropGetter = date => { const CURRENT_DATE = moment().toDate(); let…
mokimo
  • 73
  • 1
  • 1
  • 3
6
votes
1 answer

How to get full day names for week in month view in react big calendar

I'm trying to get the full day names on the header for the month view and was unable to do so. I'm pretty sure its in the localize function but couldn't find a solution online. Here's my code so far: import { Calendar, momentLocalizer } from…
Ankit Patil
  • 75
  • 1
  • 5
5
votes
1 answer

React-big-calendar with drag&drop

I am developing an app for my Non Profit Org based on Big Calendar. I need to use the Drag & Drop functionality. I can drag the event from a slot to another position, but the event does not stay in place and return back to its previous position. All…
gbedad
  • 51
  • 1
  • 2
5
votes
7 answers

How to get the first and last visible date in React Big Calendar?

How to get the first and last visible date in React Big Calendar? This will facilitate database queries to view events. I'm trying to call the onNavigate () function and get start and end using the moment library, but both values…
Umbro
  • 1,984
  • 12
  • 40
  • 99
5
votes
2 answers

access to navigate methods React-Big-Calendar and Typescript

I am having a hard time using a custom toolbar with react-big-calendar and typescript. I am trying to access the original methods of 'next, prev' 'month, day, week' views. I have extensively read...…
Gavin Thomas
  • 1,827
  • 2
  • 11
  • 17
4
votes
1 answer

Multiple events in the same time with react big calendar

When I have a lot of events at the same time on the day or week view, they are too small and hiding each other. Is there a way to expend the hour height and show all of the event one below another or maybe change hour width?
ronara
  • 336
  • 11
  • 26
4
votes
1 answer

Timezone and date conversion problems

I have a simple system, which on node creation form, allows user to select start and end dates along with hours and minutes: The problem is that the date gets messed up somewhere in the middle, or I don't know how to convert it. In the database, two…
Kelb56
  • 587
  • 3
  • 8
  • 21
4
votes
1 answer

How to pass props to React Big Calendar custom components?

I'm using React Big Calendar with custom event components. In my custom component, I need to display a few buttons which a user can click (via popover). I got the popup thing working fine, but I also want the class that renders BigCalendar to get…
Yoope
  • 1,745
  • 2
  • 16
  • 22
4
votes
1 answer

React Big Calendar style previous days to current date

I would like to styles the background of previous days according to the current date. I'm trying to follow this example here, but I get the error: Invariant Violation: React.Children.only expected to receive a single React element child. Which is…
RCohen
  • 1,702
  • 10
  • 24
  • 44
1
2 3
…
19 20