Get started with react-big-calendar CDN
MIT licensed
React Big Calendar is a popular React library for rendering interactive, customizable calendar views.
Tags:- scheduler
- react-component
- react
- calendar
- events
- full calendar
Stable version
Copied!
How to start using react-big-calendar CDN
import React from 'react';
import moment from 'moment';
import 'moment/locale/en-gb'; // Import locale for moment.js
import Calendar from 'react-big-calendar';
import 'react-big-calendar/lib/css/react-big-calendar.css';
moment.locale('en-gb');
const events = [
{
title: 'Birthday Party',
start: new Date(2023, 3, 14),
end: new Date(2023, 3, 15),
},
{
title: 'Doctor Appointment',
start: new Date(2023, 4, 20),
},
];
const CalendarComponent = () => {
return (
<Calendar
locales={{ 'en-gb': moment }}
events={events}
startAccessor="start"
endAccessor="end"
>
<Calendar.Toolbar />
<Calendar.Week numbers={true} />
<Calendar.Month />
</Calendar>
);
};
export default CalendarComponent;
Copied!
Copied!
Copied!
Copied!
All versions
0.22.0
0.22.1
0.23.0
0.24.0
0.24.1
0.24.2
0.24.3
0.24.4
0.24.5
0.24.6
0.25.0
0.26.0
0.26.1
0.27.0
0.28.0
0.28.1
0.28.2
0.28.3
0.28.4
0.28.5
0.28.6
0.29.0
0.30.0
0.31.0
0.32.0
0.33.0
0.33.1
0.33.2
0.33.3
0.33.4
0.33.5
0.33.6
0.34.0
0.35.0
0.36.0
0.36.1
0.37.0
0.38.0
0.38.1
0.38.2
0.38.3
0.38.4
0.38.5
0.38.6
0.38.7
0.38.8
0.38.9
0.39.0
0.39.1
0.39.2
0.39.3
0.39.4
0.39.5
0.39.6
0.39.7
0.40.0
0.40.1
0.40.2
0.40.3
0.40.4
0.40.5
0.40.6
0.40.7
0.40.8
1.0.0
1.0.1
1.1.0
1.10.0
1.10.1
1.10.2
1.10.3
1.11.0
1.11.1
1.11.2
1.11.3
1.11.4
1.11.5
1.11.6
1.11.7
1.12.0
1.12.1
1.12.2
1.13.0
1.13.1
1.13.2
1.13.3
1.13.4
1.14.0
1.14.1
1.15.0
1.16.0
1.16.1
1.16.2
*** 1.16.3
1.2.0
1.2.1
1.2.2
1.2.3
1.2.4
1.3.0
1.3.1
1.3.2
1.3.3
1.4.0
1.4.1
1.4.2
1.4.3
1.5.0
1.5.1
1.5.2
1.6.3
1.6.4
1.6.5
1.6.6
1.6.7
1.6.8
1.6.9
1.7.0
1.8.0
1.8.1
1.8.2
1.8.3
1.8.4
1.8.5
1.8.6
1.8.7
1.9.0
1.9.1
1.9.2