[프론트엔드 인턴쉽] 쇼픽커 (showPicker)

<input
  type="date"
  onFocus={(e) => e.target.showPicker()} // Focus 시 달력 표시
  className="w-40 cursor-pointer text-base font-light"
  {...register("end_date")}
/>

 

onFocus={(e) => e.target.showPicker()}

onFocus 입력필드가 포커스될때 호출된다

showPicker 달력팝업(선택기)가 활성화되는 html API객체

 

https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/showPicker

HTMLInputElement: showPicker() method - Web APIs | MDN