react-datepicker는 날짜와 기간, 시간 선택 UI를 제공하는 React 컴포넌트 라이브러리 입니다.
- 날짜를 선택하는 컴포넌트를 제공합니다.
- 기간을 선택하는 컴포넌트를 제공합니다.
- timeselector 옵션을 사용하여 시간선택자를 활성화 할 수 있습니다.
npm을 사용하여 설치할 수 있습니다.
npm install @shinyongjun/react-datepicker
또는 yarn을 사용할 수도 있습니다.
yarn add @shinyongjun/react-datepicker
react-datepicker를 사용하려면 먼저 컴포넌트를 import해야 합니다.
import { DatePicker, RangePicker } from '@shinyongjun/react-datepicker';
최상위 컴포넌트(app/layout.tsx or pages/_app.tsx)에 css 파일도 import 합니다.
import '@shinyongjun/react-datepicker/css';
라이브러리의 주요 API들에 대한 문서를 Docs에서 확인할 수 있습니다.
라이브러리의 실제 사용 예시는 Demo에서 확인할 수 있습니다.
라이브러리에 대한 피드백이나 문제 신고는 GitHub Issues 페이지에서 제공합니다.