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

Get backend instance from react-dnd

I'm attempting to use react-dnd and react-big-calendar with drag-n-drop support (using react-dnd under the hood as well) in an app together. However, if I initiate them separately, I get an error: Uncaught Error: Cannot have two HTML5 backends at…
artooras
  • 6,315
  • 9
  • 45
  • 78
3
votes
1 answer

Disable truncation of events with React Big Calendar

Events truncate if there are more events than can fit in a cell and you will notice "+X more" will show up: How can i disable this feature and expand the cell so that every event shows? So the cell will expand with events.
rgc998
  • 299
  • 2
  • 15
3
votes
4 answers

Basic setup of react-big-calendar events not showing

Im trying to use the react-big-calendar package. http://intljusticemission.github.io/react-big-calendar/examples/index.html I have the calendar displaying on the page. The pagination is working and I have no errors in my console. However none of my…
Evanss
  • 23,390
  • 94
  • 282
  • 505
3
votes
2 answers

React Full Calendar: Grey out dates cells in the past

https://github.com/intljusticemission/react-big-calendar I'm using react big calendar and trying to add custom styling to date cells in the past. Not really sure how to go about this without jQuery?
…
Thomas Davis
  • 188
  • 1
  • 9
3
votes
1 answer

How to use startAccessor to specify a date in React-Big-Calendar

I have an array of events being sent to react-big-calendar They have the following format: { "_id": "9Hfiz8C3tztP5LauA", "name": "This is a test event", "description": "Testing 123", "calendar": "LwnaRAuJ6n9xmxhGj", "clientData": [ { …
Sean
  • 2,609
  • 1
  • 18
  • 34
2
votes
2 answers

How can I change the color of events of certain day regarding to their activities?

So in this calendar, I want to change the color of event depending to their activities, so for example the long event should have a color green. so this is the sample data i'm trying to get. this is what I received from my backend. { …
Stykgwar
  • 235
  • 9
2
votes
2 answers

How to use react-big-calendar only for month view

I'm trying to use react-big-calendar, only for viewing the month and allowing the user to press a certain date, which should trigger my own function. That is I'm not interested in (and want to remove) all the functionality related to week, day,…
Exchange_programming
  • 454
  • 7
  • 19
2
votes
0 answers

Toolbar not working after firing onNavigate method in react-big-calendar

I am new to react-big-calender. I have a small calendar on the sidebar and onClick of a date in the small calendar I am navigating the clicked week of the date in the big calendar (week view) and it works fine. But if I navigate first manually by…
Jaison John
  • 33
  • 1
  • 5
2
votes
1 answer

React Big Calendar - Is it possible to click on a day and retrieve a list of events on that day?

I'm creating a calendar of sales appointments using React Big Calendar. When a user clicks on a day, I would like to create a map populated with all of the appointment locations for that day. But to do that, I need a list of events specific to that…
sarahm16
  • 123
  • 1
  • 11
2
votes
1 answer

Mui popover not showing in the currect position

I'm using react big calendar and trying to make a popover when the user clicks any event. The issue is the popover is not showing in the correct position (the correct position will be the event where it was clicked). I think it causes the…
Sharanjeet Singh
  • 75
  • 13
2
votes
0 answers

resizable prop no longer working in react-big-calendar

I was building a scheduling app with react-big-calendar and I have noticed from React v17 onwards the resizable does not work because of the way react handles event changing. this is the issue:…
WildThing
  • 969
  • 1
  • 12
  • 30
2
votes
1 answer

React big calendar custom view w/ Typescript

I am having troubles creating a custom view with the typed big calendar, each time I use a calendar component such as Timegrid or any other in my custom Week component as in the example, I get a standard error such as react_devtools_backend.js:2560…
Bill'o
  • 514
  • 1
  • 5
  • 19
2
votes
1 answer

onSelectSlot Mobile React Big Calendar

When I am trying to use React Big Calendar on mobile browser, I can't use the onSelectSlot function. I can click the events but can't click the timeslots for open a new event modal. No error on console too. Here is my code. I used longPressThreshold…
Emrecan Ozkan
  • 65
  • 8
2
votes
1 answer

css class names meaning in react-big-calendar [using it with Selenium]

I'm using selenium in javascript over a page that has the react-big-calendar plugin; since I'm trying to do several selects and choosing the right day (today, the day current selected, the month current displaying, etc.) I'm trying to figure out…
Don Diego
  • 1,309
  • 3
  • 23
  • 46
2
votes
1 answer

Using React Big Calendar how can i change the color of the cell that i am pointing

I want to change all of these color. It would be very helpful if you give me a sample code. Thank you very much.
heukma
  • 21
  • 1
1 2
3
…
19 20