react-calendar vs react-date-range

react-calendar

A modular toolkit to build calendar-related things in React (by freiksenet)

UI Components Date / Time picker

Source Code

freiksenet.github.io

Suggest alternative

Edit details

react-date-range

A React component for choosing dates and date ranges. (by hypeserver)

UI Components Date / Time picker React Datetimepicker Datetime range-picker

Source Code

Suggest alternative

Edit details

SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App

With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

surveyjs.io

featured

InfluxDB - Power Real-Time Data Analytics at Scale

Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

www.influxdata.com

featured

react-calendar		react-date-range
	Project
12	Mentions	6
249	Stars	2,553
-	Growth	0.4%
0.0	Activity	5.6
over 6 years ago	Latest Commit	9 days ago
JavaScript	Language	JavaScript
MIT License	License	MIT License

The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.

react-calendar

Posts with mentions or reviews of react-calendar. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2023-01-09.

Do you know any react year calendar i could use for free with typescript?
1 project | /r/reactjs | 26 Jan 2023
Stuck trying to use Google Calendar API in React App
1 project | /r/learnprogramming | 26 Jan 2023
Top 5+ useful ReactJS Plugins for 2023
3 projects | dev.to | 9 Jan 2023

3. React Calendar
JetBrains Ring UI
10 projects | news.ycombinator.com | 7 Oct 2022
schedule appointments for my final project
1 project | /r/webdevelopment | 29 Aug 2022

I want to use a Calendar to schedule appointments for my final project. I was using https://www.npmjs.com/package/react-calendar However, I am unable to choose the hour when using this. I also have a hard time disabling the days when an appointment is already scheduled.
ReactJS - How to style React Calendar
1 project | /r/codehunter | 4 May 2022

npm install react-calendar but I have no idea how to style it, or to give it some color. The instructions in react-calendar - npm do not provide any information about that. I was wondering if anyone that has used this package could help me here. This is the code I have:
Tips on how to create a Calendar?
3 projects | /r/reactjs | 24 Apr 2022

You want this React-Calendar
Should I learn and use React for this particular MVP?
2 projects | /r/reactjs | 30 Mar 2022

That seems simple enough to do the MVP with vanilla JS (or jQuery if you really want), but if you go the React route you could leverage packages like React calendar or date pickers for booking that could make your life a lot easier. It’ll also be easier to scale once started since you’ll probably want to use some framework after your MVP is built anyway.
Enzyme is dead. Now what?
5 projects | dev.to | 20 Dec 2021

Now, here's the thing. I'm the maintainer of many popular React packages, React-PDF, React-Calendar, and React-Date-Picker just to name a few. Professionally, I maintain several large projects, which collectively have more than 30,000 Enzyme-based unit tests.
React-Calendar with Custom Styles
3 projects | dev.to | 13 Dec 2021

I was looking for a calendar to use in a React project and found the React-Calendar component. It has all the functionality that I was looking for and saves me a lot of time from building it out on my own. It can be controlled with state so that the selected date(s) can affect what displays in the app. I wanted to customize its styling to fit my project, so here's what I came up with!

react-date-range

Posts with mentions or reviews of react-date-range. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2022-12-01.

Looking for a recommended Date and Time picker
4 projects | /r/reactjs | 1 Dec 2022
DateTime Picker Recommendations?
1 project | /r/reactjs | 13 Aug 2022
Is there any good datetimepicker component for material-ui 4.9.10?
2 projects | /r/reactjs | 4 Aug 2022
Best NPM Package for React.js Part - 2
18 projects | dev.to | 24 Jun 2022
Help needed to set input min max dynamically
1 project | /r/reactjs | 4 Mar 2022
Top 10 Date Pickers in React
11 projects | dev.to | 10 Mar 2021

react-date-range

What are some alternatives?

When comparing react-calendar and react-date-range you can also consider the following projects:

react-big-calendar - gcal/outlook like calendar component

react-datepicker - A simple and reusable datepicker component for React

react-dates - An easily internationalizable, mobile-friendly datepicker library for the web

react-daterange-picker

react-flatpickr - flatpickr for React

react-day-picker - DayPicker is a customizable date picker component for React. Add date pickers, calendars, and date inputs to your web applications.

rc-calendar - React Calendar

react-bootstrap-datetimepicker