ae4fe7a66e
- Added new entries to .gitignore for multi-agent MCP task queue and related rules. - Removed "즉시 저장" (quick insert) options from the ScreenSettingModal and BasicTab components to streamline button configurations. - Cleaned up unused event options in the V2ButtonConfigPanel to enhance clarity and maintainability. These changes aim to improve project organization and simplify the user interface by eliminating redundant options.
DateInput 컴포넌트
date-input 컴포넌트입니다
개요
- ID:
date-input - 카테고리: input
- 웹타입: date
- 작성자: 개발팀
- 버전: 1.0.0
특징
- ✅ 자동 등록 시스템
- ✅ 타입 안전성
- ✅ Hot Reload 지원
- ✅ 설정 패널 제공
- ✅ 반응형 디자인
사용법
기본 사용법
import { DateInputComponent } from "@/lib/registry/components/date-input";
<DateInputComponent
component={{
id: "my-date-input",
type: "widget",
webType: "date",
position: { x: 100, y: 100, z: 1 },
size: { width: 180, height: 36 },
config: {
// 설정값들
}
}}
isDesignMode={false}
/>
설정 옵션
| 속성 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| placeholder | string | "" | 플레이스홀더 텍스트 |
| disabled | boolean | false | 비활성화 여부 |
| required | boolean | false | 필수 입력 여부 |
| readonly | boolean | false | 읽기 전용 여부 |
이벤트
onChange: 값 변경 시onFocus: 포커스 시onBlur: 포커스 해제 시onClick: 클릭 시
스타일링
컴포넌트는 다음과 같은 스타일 옵션을 제공합니다:
variant: "default" | "outlined" | "filled"size: "sm" | "md" | "lg"
예시
// 기본 예시
<DateInputComponent
component={{
id: "sample-date-input",
config: {
placeholder: "입력하세요",
required: true,
variant: "outlined"
}
}}
/>
개발자 정보
- 생성일: 2025-09-11
- CLI 명령어:
node scripts/create-component.js date-input --category=input --webType=date - 경로:
lib/registry/components/date-input/