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

React Big Calendar alignment issue

I've been working on an application that uses React Big Calendar. We are using a thin scroll bar and when there is an overflow, the TimeGridHeader isn't well aligned : React Big Calendar automatically adds a right margin that has the size of the…
Traziiex Productions
  • 25
  • 4
1
vote
1 answer

Having trouble with react big calendar and even data format crashing the calendar

This SQL Query which returns to an array variable in react.... SELECT concat(LastName," ",job_desc," ",car_model) "title",DATE_FORMAT(job_date, '%Y-%m-%dT%TZ') "start" , date_format(date_add(job_date,interval 30 minute), '%Y-%m-%dT%TZ') "end" from…
BostonMacOSX
  • 1,369
  • 2
  • 17
  • 38
1
vote
0 answers

react-big-calendar drag and drop

I am really new to react and in need of help. I tried using the dndOutsideSource.js source to make a calendar that you can drag and drop to get a new event. I am not quite sure how to use it though. I left only the relevant parts to me in my code,…
Eden Tsubery
  • 11
  • 1
1
vote
1 answer

Invalid hooks call: Hooks can only be called inside of the body of a function component

Hello I'm trying to use a react-big-calendar component inside a function component for my use-case. So, when I use a react-datepicker, I'm getting this hook warning. Here is my code. import format from "date-fns/format"; import getDay from…
SKG
  • 332
  • 3
  • 23
1
vote
1 answer

React-big-calendar Toolbar access outside calendar component

I am trying to understand if it is possible with react-big-calendar to have a custom Toolbar with next/prev buttons and also the other buttons outside the normal calendar component or also access to them from outside, creating a custom Toolbar…
Mark
  • 1,069
  • 2
  • 21
  • 44
1
vote
0 answers

React Big Calender is cloning and overlaping event by it self

I am working on a react project where I have use REact Big Calender, but after adding event , event autometicaly clone it self and overlap on each other, I am able to get this , why this is happening, Do you have any Idea, why this is happening.....…
Lokesh Thakur
  • 138
  • 1
  • 1
  • 9
1
vote
0 answers

How to trigger the change in the number of daily events on react big calendar?

I'm using react big calendar and I'm trying to figure out how to trigger the change in the number of displayed event per a single day. To clarify, let us assume that we have a calendar with an height of 500px. Per rbc specifications, the number of…
Michele Grisafi
  • 149
  • 1
  • 9
1
vote
1 answer

Is there a built-in function in react-big-calendar that runs when it's a new day?

I hope you guys are doing well! I was wondering if there was a built-in function in react-big-calendar that runs when it's a new day. For example, if the time is currently 11:59PM and the user is still on the day page, then when it turns 12:00AM,…
Dex Johnson
  • 21
  • 1
1
vote
1 answer

Is it possible to render more information of each event within the calendar?

I am using react-big-calendar I would like to know if it is possible to be able to render more information of each event in the calendar. Its documentation is hard for me to understand, and I don't know what prop I have to use to make custom event…
Fron1905
  • 11
  • 1
1
vote
1 answer

How do I use Google Calendar API credentials?

I'm developing my own website with React JS and Django. The idea is a calendar website for making events. I did a Google Calendar integration following the article Google Calendar API with Python In order to use a Google Calendar, I got my OAuth…
unriale
  • 49
  • 6
1
vote
1 answer

React Big Calendar Navigate

In my calendar, I made the option to open and close it, but when I close it, and open it again, it is in the month I stopped after closing it, and not in the current month, I want it to open in the current month, I already tried CurrentDate but it…
Wruce Bayne
  • 7
  • 1
1
vote
1 answer

How to customize number of events per day in react-big-calendar?

I have 4 events. What I want is that when I have more than 1 event, it will show 1 event and "+3 more". Now its showing 2 events and "+2 more" by default and I dont know how to customize it. Please help me. Thanks in advance.
Huy Hoàngg
  • 55
  • 2
  • 8
1
vote
1 answer

Big Calendar React Need help for basics

for my second year of dev my school had the good idea to already gave us a client, the amount of work is just to big so I was thinking using tool to make the work faster. I use Big Calendar React and can use it, but I can't find a way to add event…
Virgil Nauleau
  • 135
  • 11
1
vote
0 answers

How to write snapshot test for React Big Calendar

I import react-big-calendar for my project. I need to write a test for this component. For now, I just want to test if the event was successfully created. So my code is Calenadr.jsx: import { useState } from "react"; import React from…
Peng Cheng
  • 11
  • 2
1
vote
0 answers

how to style react big calendar border

im working with react big calendar , and i how done some style with it , but i need to remove the border around the color of the month-view , i want to remove the border that wrap the calendar and wrap each column and row . this the how its look…
Ammar ALSananni
  • 141
  • 1
  • 9
1 2 3
…
19 20