> For the complete documentation index, see [llms.txt](https://shinyongjun.gitbook.io/react-datepicker/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://shinyongjun.gitbook.io/react-datepicker/introduction.md).

# Introduction

### 라이브러리 개요

react-datepicker는 React 기반의 웹 애플리케이션에서 사용자가 쉽게 날짜를 선택할 수 있도록 도와주는 라이브러리 입니다.

### 기능 소개

* 날짜를 선택하는 \<Datepicker /> 컴포넌트를 제공합니다.
* 기간을 선택하는 \<Rangepicker /> 컴포넌트를 제공합니다.
* timepicker 옵션을 사용하여 시간 선택 옵션을 활성화 할 수 있습니다.

### 설치

npm을 사용하여 설치할 수 있습니다.

```bash
npm install @shinyongjun/react-datepicker
```

또는 yarn을 사용할 수도 있습니다.

```bash
yarn add @shinyongjun/react-datepicker
```

### 사용법

react-datepicker를 사용하려면 먼저 컴포넌트를 import해야 합니다.

```javascript
import { Datepicker, Rangepicker } from '@shinyongjun/react-datepicker';
```

최상위 컴포넌트(app/layout.tsx or pages/\_app.tsx)에 css 파일도 import 합니다.

```javascript
import '@shinyongjun/react-datepicker/css';
```

### API 문서

라이브러리의 주요 API들에 대한 문서를 [여기](https://shinyongjun.gitbook.io/react-datepicker/)에서 확인할 수 있습니다.

### 실제 사용 사례

라이브러리의 데모는 [여기](https://shinyongjun.vercel.app/library/react-datepicker)에서 만나볼 수 있습니다.

### 피드백 및 지원

라이브러리에 대한 피드백이나 문제 신고는 [Github Issues 페이지](https://github.com/shinyj1991/react-datepicker/issues)에서 제공합니다.