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 Big Calendar Row size change?

Does anyone knows how to change the height of the react big calendar when we add more than one event in a day cell. Big help .Thank you in adnvance
Angelo Perera
  • 23
  • 1
  • 5
0
votes
1 answer

Events not getting displayed at the right position

Version - "react-big-calendar": "^0.28.2" - Screenshot attached Please find below React code -
Rohit Kumar
  • 829
  • 2
  • 12
  • 21
0
votes
1 answer

React Big CalendarTimezone issue: Any idea how to use this fix #1046 in 0.10.3 version?

We are using 0.10.3 version of react-big-calendar and facing the Timezone issue discussed here. Unfortunately we made some custom changes to the 0.10.3 version, so we can't apply that fix(provided in that library for the latest versions) to the…
Sathya
  • 233
  • 1
  • 4
  • 13
0
votes
1 answer

Populating React-Big-Calendar with newly added events without refreshing using Firebase onSnapshot

I'm currently trying to get React-Big-Calendar to populate a newly added event real-time. I am using the code below and it does the job. Events will be added to the calendar immediately after it is created/modified/deleted. However, it is performing…
nigiricombo
  • 81
  • 1
  • 4
0
votes
1 answer

Month end events on react big calendar are showing in the next month for example 2020-9-30 event shows in the october view

previous months event in react big calendar displays on the next month view, for example, 2020-9-30 event shows in October under the previous month but if I navigate back to September 30 there is nothing showing
kelvin nyadzayo
  • 93
  • 4
0
votes
1 answer

Map object arrays to display in a calendar/table

I am trying to display a set of data in a calendar using react-big-calendar. The following is my data that I am trying to display. For some reason it is not displaying any data. I was able to hard code in a single event, but I want to be able to map…
Michael Lee
  • 327
  • 2
  • 5
  • 18
0
votes
1 answer

I am having a calendar view shows all the events for the day, but as soon as i move event to 11:30pm time slot it disappears from calendar

this is my react-big-calender component code why my event of 11:30 got disappears any help would be great, i am getting events details via api from backe-end and i got the starting time for the event and i add import React, { useState, useEffect }…
user14222412
0
votes
2 answers

How to map a list of object arrays to display in calendar?

I am using react-big-calendar insipired by Full Calendar to display a list of events. I am able to display a hard coded date in the calendar but I am struggling with displaying an object of start and end times. How would I be able to map this list…
Michael Lee
  • 327
  • 2
  • 5
  • 18
0
votes
1 answer

How can i change the date Format on the top of the react-big-calender

I have used react-big-calender in my project now i used only day view of that and want to customise the date format as per my need it currently shows as wednesday Sep 2 and what i want is 2 September 2020 and i didn't find any props to manipulate…
Avinash jain
  • 486
  • 1
  • 7
  • 15
0
votes
1 answer

Overlay not applying to react big calendar

I'm using react-big-calendar with react-sidebar and if the sidebar opens, all the area is covered by overlay but some elements are visible on the top. What can be the problem? P.S: I've also given the z-index to both but nothing worked for…
Ali Ahmad
  • 51
  • 1
  • 1
  • 4
0
votes
2 answers

Trying to show tooltip in react-big-calendar month view but row covers it up?

I am trying to show a basic tooltip when the user clicks on an event in the calendar with a few event details but the tooltip gets covered by the next row. Currently, I'm trying to use the slotPropGetter prop to change the style of a cell to include…
Amartya Mishra
  • 145
  • 3
  • 7
0
votes
1 answer

React Big Calendar Error on Week and Day views - 'iteratee is not a function'

When I switching on week view or day view, and if event is not all day (have a range e.g. 1pm - 3pm) I've got an error - iterate is not a function _baseOrderBy.js:24 Uncaught TypeError: iteratee is not a function at _baseOrderBy.js:24 at…
AlexLevicky
  • 46
  • 4
0
votes
1 answer

How to access state variable in static functions `title` or `navigate` of the custom WeekView class

I am trying to have a custom week view as per https://github.com/jquense/react-big-calendar/blob/master/examples/demos/customView.js. In that example, they have taken a custom number of days as 3. I want to have it dynamic (by keeping state…
Sanket Patel
  • 541
  • 6
  • 12
0
votes
1 answer

How to pass props to React Big Calendar from custom event?

I need your help. I have a custom event in react big calendar who has a button inside. When I click the button, I want to pass a value to calendar component. I have no clue how to do that. Can you help me? Thanks! export const Schedule = (params) =>…
Dazzy
  • 61
  • 2
  • 10
0
votes
1 answer

React js Big Calendar change language days

I am using the following module: react-big-calendar In the project in which I am using it, user has the possibility to change the system language. I would like to make the days of the week change according to the language selected by the user. Link:…
Paul
  • 3,644
  • 9
  • 47
  • 113
1 2 3
…
19 20