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
0
votes
2 answers

React js react-big-calendar momentLocalizer of undefined

I tried to search here and about the project on github, but I can't find a solution to make it work. It gives me the following error at the moment: Cannot read property 'momentLocalizer' of undefined Code line error: const localizer =…
Paul
  • 3,644
  • 9
  • 47
  • 113
0
votes
0 answers

React Big Calendar is not working with react16.2

I am working on react-big-calendar. I am getting this error while started working with react: TypeError: _react.default.forwardRef is not a function
Gopal Meena
  • 99
  • 1
  • 7
0
votes
1 answer

How to populate the day title in month view with data from firestore

In React-Big-Calendar, I am trying to set a title for the day in month view. My title data is set from a external component that uploads a date, and city name to firestore, and loads into my calandar component with componentDidMount into an array of…
Thomas Waldorf
  • 13
  • 3
0
votes
1 answer

How can I use ISO times like 18:00 in react-big calendar

Cannot add time in ISO format in react-big-calendar I am using react-big-calendar for my React project. For the other components I have formatted times like this: 18:00. I realized big-calendar works with 2019-3-12, but when I try to add 18:00 it…
Juanma
  • 51
  • 1
  • 2
0
votes
0 answers

How to create event over multiply days with the onSelectSlot method from react-big-calendar?

I need to create an events that starts at one day and ends at another. I want to use the OnSelectSlot method from react-big-Calendar. Example event Start: Monday 13:00 List Ends : Wednesday 13:00 Title: TEST-Seminar The problem is that i can only…
F3rro
  • 1
  • 1
0
votes
2 answers

React Big Calendar shows only certain range of time

Hi am using React Big Calendar. By default, the calendar show time from 12:00 a.m to 11:30p.m in Week and Day view but i only want to show time range from 7:00 a.m to 7 p.m. I have tried to modify the css by hiding unwanted rows but the event items…
Lee
  • 1,041
  • 7
  • 20
  • 31
0
votes
1 answer

How do I use useRef on a component that I don't have access to in React BigCalendar

I'm using React Big calendar (https://github.com/intljusticemission/react-big-calendar) and I'm working on some responsive styling which involves detaching the overflow-x (horizontal scrollbar) of a div specifically .rbc-agenda-view and attaching it…
cwiggo
  • 2,541
  • 9
  • 44
  • 87
0
votes
1 answer

After resizing an event existing events get faded. - React Big calendar

Before resizing an event. After resizing an event. Why does this happen? Anyone's there to help please, highly appreciated.
Kusal Kithmal
  • 1,255
  • 1
  • 10
  • 25
0
votes
1 answer

How to detect on which part of screen (left or right) is an event in React big calendar?

I want to create a tooltip, but it overflows if the event located on the right side, so i need to detect an event position somehow.
Olha Yatsuk
  • 1
0
votes
1 answer

How can I convert Google calendar events to date object for react-big-calendar

So I want to use the week view for RBC. I keep getting TypeError: date[("get" + method)] is not a function There are a few issue reports that all say that I need a date object and in fact, I can open the calendar when I use this example var…
volare
  • 25
  • 8
0
votes
1 answer

React: Big Calendar Font Style

I have been trying to search through the files of react big calendar but no luck. Is there a way to change the font style of text in the react big calendar?
Ny Regency
  • 1,620
  • 8
  • 25
  • 43
0
votes
1 answer

How to get selected event in React Big Calendar?

alert(event)} eventPropGetter={eventStyleGetter} /> After displaying events on BigCalendar, I want to know which event is selected. But this snippet just only displays an empty…
Henok Tesfaye
  • 8,287
  • 13
  • 47
  • 84
0
votes
2 answers

react-big-calender how to get hover method and how can we give borders to date slot?

I am not getting any doc that can give me solution on hover method of react big calender and also apply css to date slots.
sona
  • 181
  • 2
  • 9
0
votes
1 answer

How to set initial state with undo action on React?

I have a react-big-calendar with drag and drop, I want when I move an event to another position, a snackbar appeared which having the undo action like that : I want when I click on the undo action, the event set the initial state (the initial…
Ichrak Mansour
  • 1,850
  • 11
  • 34
  • 61
0
votes
1 answer

Events are not showing in month view when default calendar is loaded

I'm using React Big Calendar for calendar purposes.
Jayakar Pj
  • 21
  • 1
  • 4
1 2 3
…
19 20