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
1 answer

How to display dynamic events in react-big-calendar?

I have used react-big-calendar to display the dynamic events, my api url is like "api/user/events/year/month/" where I have to provide current viewing year and month number to fetch the events. I have used onNavigate and onView to update current…
Suraj Pawar
  • 227
  • 1
  • 4
  • 15
0
votes
1 answer

Day view, how to make custom event card / event content?

In a day view, how to change style of the event content. I am able to make custom toolbar and change some styling for timeSlotWrapper but not able to take control of event content. I have tried below code and achieved some customization using below…
newdeveloper
  • 1,401
  • 3
  • 17
  • 43
0
votes
1 answer

I want to add different different color for option show more link in react-big-calendar

I want to add different different color for option show more link in react-big-calendar
Akash Maurya
  • 127
  • 1
  • 3
  • 8
0
votes
1 answer

May I have an event which repeats monthly to an undetermined end wit react-big-calendar?

I am using the react-big-calendar and I would like to have some sort of event which repeats each month to an undetermined end... i.e. I would write the start end for the event and then it will every month be displayed on the screen. Is that…
lucasbbs
  • 349
  • 4
  • 14
0
votes
1 answer

Unable to display menu on right click react-big-calendar

I am trying to display menu on right click with react-big-calendar and material ui, the issue that menu isnt display correctly on html its going on top right corner, My code is: const handleClick = (event) => { …
Vitaly Menchikovsky
  • 7,684
  • 17
  • 57
  • 89
0
votes
1 answer

How to get selected month and year from big calendar

Is there any way to get the value of the selected month and year from big calendar(the one that is being currently displayed)? Also when I click on previous/next button in the month view, the value should also get updated so that I get the selected…
Mukesh Singh
  • 31
  • 4
0
votes
1 answer

Is there a way to make the url changing when switching between the react-big-calendar views?

I'm trying to implement switching between the react-big-calendar views using react-router-dom. I know the calendar has its own routing, but this routing doesn't change URL, so users can't return to the previous view using arrows or gestures, or open…
Ihor
  • 131
  • 1
  • 6
0
votes
1 answer

react big calendar repeated date

I am using react-big-calendar for an app, but when I am making first steps I've realized that there is something wrong...two days of the month repeated, currently march 2021 has saturday and sunday both with 13th Can you give me a hint on how to fix…
Maykel Contreras Camacho
  • 133
  • 1
  • 10
0
votes
1 answer

react big calendar display timezone

I want to display the time zone in the calendar edge, it will be like that: GMT+x, do you have any idea if that's possible? thank you
D.T Fadel
  • 83
  • 1
  • 9
0
votes
1 answer

Prevent Google Calendar Event Insert / Update / Patch if there is Events or Events recurrence instances overlapping?

I'm working on a React-big-calendar that use the Google Calendar API to store or retrieve my different events. My problem is the following: I would like to prevent Events insertion / update / patch if there is already an event on this (or one of the…
Virthuss
  • 3,142
  • 1
  • 21
  • 39
0
votes
1 answer

React-Big-Calendar CSS or SASS or both?

I have a create-react-app, and I'm adding RBC. I have the basic calendar setup and working with simple CSS (I grabbed the CSS file from the node_module folder, and moved to the component folder). The basic calendar is there, but it's real basic. My…
Izzi
  • 2,184
  • 1
  • 16
  • 26
0
votes
1 answer

Implement a customized Google Calendar with React Js?

My website currently runs a react-big-calendar Calendar with data I manually manage with graphql / Apollo I decided to use Google Calendar for data management using the Google Calendar API instead of managing everything on my own database. However,…
Virthuss
  • 3,142
  • 1
  • 21
  • 39
0
votes
1 answer

React Big Calendar label - get year in week view

While on week view in React Big Calendar, the label in the toolbar shows the range of dates, for example "January 10 - 16". How can I get the year? Below is the modified toolbar. export default class CalendarToolbar extends Toolbar { …
xDanbo
  • 1
  • 1
0
votes
1 answer

react-big-calendar customise time slots

I'm looking for a way to customise the time slots area on the left of the week and day view. Is there any way to customise labels ? I mean if I choose for instance as props : step={15} timeslots={2} The labels appear only every other time and not…
Gulivert
  • 23
  • 6
0
votes
2 answers

How to call method inside main Component from outside in Reactjs

I need to call cancelMethod with params from Button onClick inside popover. However I could not access this method. Can you explain is it possible to access. If yes how can I do it? const popover = (
Neo
  • 119
  • 2
  • 11
1 2 3
…
19 20