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 do I define class methods outside it in typescript reactjs?

I want to use methods for the class as following: class MyComponent extends React.Component { render() { let { date } = this.props let range = MyComponent.title(date) return } } My…
YaSh Chaudhary
  • 2,605
  • 8
  • 37
  • 74
0
votes
2 answers

Get starting and ending date of react calendar

I am using "react-big-calendar": "^0.20.3", Currently i am using getDrilldownView={(targetDate, currentViewName, configuredViewNames) => this.updateDate(targetDate, currentViewName, configuredViewNames)}props on component to get start and end time…
ujwal dhakal
  • 2,289
  • 2
  • 30
  • 50
0
votes
1 answer

How to override background color in internal CSS with react js

Here is my code eventStyleGetter(event, start, end, isSelected) { if (event.id == 39) { var style = { backgroundColor: '#409931', borderRadius: '0px', opacity: 0.8, …
Kusal Kithmal
  • 1,255
  • 1
  • 10
  • 25
0
votes
1 answer

Can we do show less and show more in the All-day event in Week View Or react-big-calendar

Following are the two images i am being trying to implement Can this functionality be added in all day event in week view after clicking on 2 more it should expand Is there anything been implemented in react-big-calendar to help me with this
crazy coder
  • 11
  • 1
  • 6
0
votes
1 answer

Open Semantic UI React Modal by double clicking an event in react big calendar

I'm trying to open a Semantic UI React Modal when user double clicks an event in react big calendar. My doubleclick event handler is eventDoubleClick() { this.setState({ open: true }); return ; } EditEvent is…
Fahad Amin
  • 93
  • 1
  • 10
0
votes
3 answers

Cannot read property 'momentLocalizer' of undefined - React Big Calendar

In my project I am trying to initialize react-big-calendar but it's saying that it doesn't exist. Uncaught TypeError: Cannot read property 'momentLocalizer' of undefined my package versions: "react-dom": "16.2.0", "react-big-calendar": "^0.20.1",…
Łukasz Mazur
  • 23
  • 4
0
votes
1 answer

react-big-calendar show tasks instead of just title and description

I'm using react-big-calendar component to schedule tasks, but it has just title and description, how can i create a box has tag and customize it?!
Zeyad Etman
  • 2,250
  • 5
  • 25
  • 42
0
votes
2 answers

How to get access to the children's css values from a styled component?

I am using a REACT BIG CALENDAR and I want to get access to the css values in one of my functions. I created a style component and override the library const StyledCalendar = styled(Calendar); Now for example there is a div inside of the Calendar…
Azimi
  • 47
  • 1
  • 8
0
votes
2 answers

react-big-calendar: Cannot read property 'momentLocalizer' of undefined

In my project I am trying to initialize react-big-calendar but it's saying that it doesn't exist. Here's the error from the console: home.tsx:18 Uncaught TypeError: Cannot read property 'momentLocalizer' of undefined at…
SomethingsGottaGive
  • 1,646
  • 6
  • 26
  • 49
0
votes
1 answer

react-big-calendar: Cannot read property '0' of undefined

Problem Attempted to implement react-calendar and the back and next buttons (to change dates) are throwing this error: Uncaught TypeError: Cannot read property '0' of undefined It WAS previously working and I haven't changed anything within my…
kemicofa ghost
  • 16,349
  • 8
  • 82
  • 131
0
votes
1 answer

Adding events to ReactBigCalendar using redux

I'm currently working on a booking app, and in that regard I need to fetch some data from an API. I'm using react + redux to do this, but I can't seem to get this element BigCalendar to update when the state is updated. BigCalendar has to have some…
Lasse
  • 597
  • 2
  • 10
  • 33
0
votes
1 answer

convert two moment objects to similar format?

I have two moment object with one difference in format of there fields, and that difference is the obstacle . how to convert those two objects of similar format ? screenshot of the console the key "_i" is the difference the format of the 2nd…
prabeen90
  • 450
  • 3
  • 12
0
votes
2 answers

React BigCalendar date conversion

I am using react-big-calendar. The events data has date start/end in epoch format. It doesn't render correctly. How can set the accessor properties to work with this JSON format? actionItems = [ { "id": 3312, "name":…
VietRoadie
  • 179
  • 3
  • 11
0
votes
1 answer

Why React Big Calendar does not display events?

I've followed a documentation and uploaded a project here. There are no errors, but events are not displayed. Here's some code:
rinatoptimus
  • 427
  • 1
  • 5
  • 21
0
votes
1 answer

Using react-big-calendar in my custom react app

I am new to using react-big-calendar and somewhat new to react. Trying to simply import and default calendar into a base app created with the react app cli. That said, my base index.js looks like: import React from 'react'; import ReactDOM from…
Mark
  • 1,812
  • 3
  • 29
  • 51
1 2 3
…
19
20