React Big Calendar + LichTa

Package @lichta/react-big-calendar giúp tích hợp Âm lịch vào dự án của bạn.Tích hợp Âm Lịch Việt Nam vào React Big Calendar.

Cài đặt

npm install @lichta/react-big-calendar

Xem trước (Demo)

tháng 10 2026
T2
T3
T4
T5
T6
T7
CN
28
18/8
29
19/8
30
20/8
01
21/8
02
22/8
03
23/8
04
24/8
 
05
25/8
06
26/8
07
27/8
08
28/8
09
29/8
10
1/9
11
2/9
 
12
3/9
13
4/9
14
5/9
15
6/9
16
7/9
17
8/9
18
9/9
 
19
10/9
20
11/9
21
12/9
22
13/9
23
14/9
24
15/9
25
16/9
 
26
17/9
27
18/9
28
19/9
29
20/9
30
21/9
31
22/9
01
23/9
 

Mã nguồn mẫu

Quick Usage

Cách import và sử dụng @lichta/react-big-calendar trong ứng dụng của bạn:

import { Calendar, momentLocalizer } from 'react-big-calendar';
import moment from 'moment';
import { withLunarDates } from '@lichta/react-big-calendar';

const localizer = momentLocalizer(moment);
const LunarCalendar = withLunarDates(Calendar);

export default function MyCalendar() {
  return <LunarCalendar localizer={localizer} defaultView="month" />;
}