lani

@lani.ground

컴포넌트 라이브러리

<Lani.log/>

바로가기

  • 🖼️
    @lani.ground/react-image-viewer
  • 👆
    @lani.ground/react-outside-click-handler
  • 🎣
    @lani.ground/react-hooks
  • 🪟
    @lani.ground/react-modal
  • 📅
    @lani.ground/react-picker
    • └date
    • └range
    • └datetime
    • └time
    • └custom
  • 🧰
    @lani.ground/kits
  • 📱
    @lani.ground/react-device-detector
📅

@lani.ground/react-picker

React Component Library

NPM Version
Production Ready
TypeScript
🎯

React Picker Components

📅

DatePicker

날짜 선택을 위한 다양한 캘린더 형태의 picker

기본 달력
다중 달력
스크롤 달력
📊

RangePicker

기간 선택을 위한 범위 picker

빠른 선택 옵션
다중 달력
스크롤 달력
🕐

DateTimePicker

날짜와 시간을 동시에 선택할 수 있는 picker

날짜 + 시간 선택
AM/PM 지원
스크롤 달력
⏰

TimePicker

시간 선택을 위한 전용 picker

기본 시간 선택
패널 모드
스냅 기능
🎨

Custom Picker

Calendar와 TimePicker를 조합한 커스텀 picker 예시

모달 형태
날짜+시간 범위
커스텀 UI