---
type: note
kind: Idea
tags: ['calendar', 'ui', 'date']
status: release
ctime: 2022-04-09
mtime: 2024-03-22
generated: { by: human:cbcruk, at: 2026-01-05T10:59:14Z }
verified: { by: claude/opus-5, at: 2026-08-19T00:00:00Z }
sources:
  - id: github-wojtekmaj-react-calendar
    resource: https://github.com/wojtekmaj/react-calendar/tree/fe83e095f0b744ddaf09bb909bf15d9e45054809
    title: "react-calendar"
  - id: github-jquense-react-big-calendar
    resource: https://github.com/jquense/react-big-calendar
    title: "react-big-calendar"
  - id: github-fullcalendar-fullcalendar
    resource: https://github.com/fullcalendar/fullcalendar
    title: "fullcalendar"
  - id: github-schedule-x-schedule-x
    resource: https://github.com/schedule-x/schedule-x
    title: "schedule-x"
  - id: github-gpbl-react-day-picker
    resource: https://github.com/gpbl/react-day-picker
    title: "gpbl/react-day-picker"
  - id: github-deseretdigital-dayzed
    resource: https://github.com/deseretdigital/dayzed
    title: "dayzed"
  - id: github-hacker0x01-react-datepicker
    resource: https://github.com/Hacker0x01/react-datepicker/
    title: "react-datepicker"
  - id: github-its-danny-use-lilius
    resource: https://github.com/its-danny/use-lilius
    title: "use-lilius"
  - id: github-h6s-dev-h6s
    resource: https://github.com/h6s-dev/h6s/tree/main/packages/calendar
    title: "h6s"
  - id: github-you-dont-need-you-dont-need
    resource: https://github.com/you-dont-need/You-Dont-Need-Momentjs
    title: "you-dont-need/You-Dont-Need-Momentjs"
---

- 컴포넌트[^28-2]
  - calendar
    - [react-calendar](https://github.com/wojtekmaj/react-calendar/tree/fe83e095f0b744ddaf09bb909bf15d9e45054809)
    - [react-big-calendar](https://github.com/jquense/react-big-calendar)
    - [fullcalendar](https://github.com/fullcalendar/fullcalendar)
    - [schedule-x](https://github.com/schedule-x/schedule-x)
  - date-picker
    - [gpbl/react-day-picker](https://github.com/gpbl/react-day-picker)
    - [dayzed](https://github.com/deseretdigital/dayzed)
    - [react-datepicker](https://github.com/Hacker0x01/react-datepicker/)
  - headless
    - [use-lilius](https://github.com/its-danny/use-lilius)
    - [h6s](https://github.com/h6s-dev/h6s/tree/main/packages/calendar)
- 그외
  - [you-dont-need/You-Dont-Need-Momentjs](https://github.com/you-dont-need/You-Dont-Need-Momentjs)[^28-1]

**라이브러리 특징:**

- **react-aria** - Adobe Spectrum 팀의 headless. 스타일 없이 로직과 접근성만. `useCalendar`, `useDatePicker` 훅 기반. ARIA 구현 꼼꼼. 일정 표시는 직접 구현.
- **Schedule-X** - 최신. React/Vue/Angular 어댑터. 드래그/리사이즈 지원. 월/주/일 뷰. 가벼움. 레퍼런스 적음.
- **FullCalendar** - 가장 오래됨. 플러그인 아키텍처. 타임라인, 리소스 뷰 등 고급 기능. 일부 유료, 번들 큼.
- **react-big-calendar** - 순수 React. Google Calendar 스타일. moment/date-fns/dayjs 선택 가능. 타입 지원 아쉬움.

| 상황                   | 추천                   |
| ---------------------- | ---------------------- |
| 완전 커스텀 UI 필요    | react-aria + 직접 구현 |
| 빠르게 기본 기능 필요  | react-big-calendar     |
| 모던한 DX, 가벼움 중시 | Schedule-X             |
| 엔터프라이즈급 기능    | FullCalendar           |

---

[^28-1]: 네이티브로 날짜 계산(?)을 구현하려면 참고
[^28-2]: headless 모드가 있으면 좋을 것 같은데 찾기 어렵다. 이런게 있다...정도로만 생각하자. 실제 갖다 써보면 뭔말인지 알 수 있을거다.