[React][TypeScript] react-datePicker Icon과 같이 사용하기 (feat.label)

<label htmlFor="customDatepicker">
  <DatePicker
    id="customDatepicker"
    selected={startDate}
    onChange={(date) => setStartDate(date)}
    showPopperArrow={false}
  />
  <img src={calendarIcon} alt="calendarIcon" />
</label>

label태그 안에 htmlFor ="~"를 붙이고 
DatePicker id값에 htmlFor안에 있는 값을 넣어주면 아이콘을 클릭하더라도 DatePicker가 클릭된다.

 

사실 이건 근데 Input에서도 label과 함께 사용하면 같은 효과를 받을 수 있다.