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

onSelectSlot doesn't work in Mobile react Big calendar

OnSelectSlot doesn't work in Mobile browsers. In Android devices, I debugged it with chrome browser but it did not work. In IOS devices I debugged with Safari browser that also did not work. In computer browsers it works smoothly when clicking on…
Kusal Kithmal
  • 1,255
  • 1
  • 10
  • 25
4
votes
1 answer

Console error when rendering Big React Calendar

I keep getting this console error message when rendering my BigCalendar component. How can I solve this? "Uncaught Error: NoopWrapper.render(): A valid React element (or null) must be returned. You may have returned undefined, an array or some …
Haakon
  • 43
  • 4
4
votes
3 answers

React BigCalendar drag and drop example not working

I was just going through the BigCalendar drag and drop example HERE. I tried to create a local example of the drag and drop by myself, just to see how the drag and drop works with BigCalendar. I created the following: Dnd.js import React from…
Alexander Solonik
  • 9,838
  • 18
  • 76
  • 174
4
votes
2 answers

add popover when event is clicked in react-big-calendar?

I'm having trouble adding a popover to an event when it is clicked. the popover seems to show up only in the event slot, not on top of the event slot. additionally, since i created a custom component for the events and tried to implement the popover…
Shreya Shankar
  • 41
  • 1
  • 2
3
votes
1 answer

How can I change the React Big Calendar daily time range?

I am trying to change React Big Calander's daily time from 12:00 AM to 08:00 AM. Is it possible? current output expected output
Lokesh thakur
  • 219
  • 2
  • 11
3
votes
1 answer

Popup not working/showing on React-Big-Calendar

I am building a calendar with React-Big-Calendar and the popup feature isn't working.
Victor
  • 117
  • 6
3
votes
1 answer

Events in week view in react-big-calendar are not shown with ellipsis

I have opened a GitHub issue for this problem on the repository here https://github.com/jquense/react-big-calendar/issues/2139. Basically, the events names in week view are not truncated and they appear in a weird way as shown in the below…
Varun Gupta
  • 2,870
  • 6
  • 33
  • 73
3
votes
2 answers

Change the color of calendar dates (react big calendar)

I'm using react big calendar and need to change the color of the text for dark mode. The background color changes of the calendar changes, however the text color of date doesn't change. How to make it work? const calendarStyle = () => { return…
Amrita Stha
  • 2,973
  • 3
  • 25
  • 46
3
votes
3 answers

React big calendar has no default export

I wanted to use react-big-calendar, I installed the package with npm (version 0.28.0), but I was able to use the component because there is apparently no default export. The exact error is Attempted import error: 'react-big-calendar' does not…
Franck Bigand
  • 152
  • 2
  • 9
3
votes
2 answers

React Big Calendar - Custom Popup

I want to create my own popup for react big calendar when I click on more text. React big calendar has onShowMore function but, It'll redirect to day view when I disable default popup.(popup={false}) check it out on…
YM-91
  • 251
  • 1
  • 4
  • 12
3
votes
1 answer

Issues with react-big-calender

I'm working with calenders for the first time in react and found react-big-calender interesting. I've created the calender with some events but I'm experiencing some console errors which I'm not familiar with. Warning: Using…
Surya Mahla
  • 483
  • 5
  • 20
3
votes
1 answer

How can I color a specific day with specific time with slotPropGetter of react-big-calendar?

I have a react-big-calendar and I want to get same informations like the day and the start and the end (as a time) for coloring the time and the day slot with slotPropGetter. My informations from the backend is: { "start":…
Ichrak Mansour
  • 1,850
  • 11
  • 34
  • 61
3
votes
1 answer

Reactjs BigCalendar Adding Event

I am using BigCalendar and I am trying to add an event. Currently, in github they use window.prompt(); but I would like to use Modal. However, nothing is appearing and I am unsure why. link: https://github.com/intljusticemission/react-big-calendar…
user10696040
  • 79
  • 2
  • 9
3
votes
4 answers

Can't import react big calendar

Im trying to import the component 'react-big-calendar': import React from 'react'; import BigCalendar from 'react-big-calendar'; import moment from 'moment';` could not find a declaration file for module react big calendar Iv'e already tried to…
David Oz
  • 73
  • 1
  • 9
3
votes
1 answer

react-big-calendar ERROR: Invalid prop `slotStart` of type `date` supplied to `Popup`, expected `number`

I'm using the prop "popup" for react-big-calendar and I'm getting the above error in the console upon clicking the "+x more" link. My onEventClick function works by routing me to "calendar/" but I'm not sure what I'm missing here. I read through…
hypnagogia
  • 173
  • 3
  • 16
1
2
3
…
19 20