# onChange

### onChange - Datepicker

* component : \<Datepicker />
* requird : false
* type : (activeDate: Date | null) => void;
* default: null

Datepicker 의 Change 이벤트 콜백 함수 입니다.

```tsx
<Datepicker
  onChange={(date) => {
    if (date) {
      alert(`date : ${date?.toString()}`);
    }
  }}
/>
```

### onChange - Rangepicker

* component : \<Rangepicker />
* requird : false
* type : (startDate: Date | null, endDate: Date | null) => void;
* default: null

Rangepicker 의 Change 이벤트 콜백 함수 입니다.

```tsx
<Rangepicker
  onChange={(startDate, endDate) => {
    if (startDate && endDate) {
      alert(`startDate : ${startDate?.toString()}, endDate : ${endDate?.toString()}`);
    }
  }}
/>
```