VanillaFront

TimeField (시각필드)

Va.TimeField — 라벨 + 시간(시·분·초) 선택 필드Va.TimePicker가 순수 시간 입력이라면, Va.TimeField는 그 위에 라벨·필수 표시·검증 메시지를 얹은 완성 폼 필드입니다. Field 계열 아키텍처 그대로, 내부에 Va.TimePicker를 소유하는 Composition 구조. 근태·회의 시간대·영업 시간 같은 폼 필드에 최적화되어 있어요.클래스: Va.TimeField — va_component.js:8873short name: timeField상속: Va.Field (다른 Field 형제들과 같음)내부 컴포넌트: Va.TimePicker 인스턴스 (fieldComponent)isContainer: true베이스 CSS: va-field (role="time-field" ..

TimePicker (시각선택)

Va.TimePicker — 시간(시·분·초) 선택 팝업 필드시각 하나만 선택하는 컴포넌트입니다. 좌측에 마스킹 필드(__:__:__), 우측에 시계 아이콘이 있고, 아이콘 클릭 또는 Enter 시 시·분·초 드롭다운이 있는 팝업이 열립니다. DateTimePicker에서 시간 파트만 떼어낸 형태.클래스: Va.TimePicker — va_component.js:9030short name: timePicker상속: Va.PureField (DatePicker·MonthPicker와 형제)isContainer: true베이스 CSS: va-timepicker (팝업 va-menu-pop, calendar-inner)1. 기본 사용{ tagName: 'timePicker', value: '1430..

MonthField (년월필드)

Va.MonthField — 라벨 + 년-월 선택 필드Va.MonthPicker가 순수 년-월 입력이라면, Va.MonthField는 그 위에 라벨·필수 표시·검증 메시지를 얹은 완성 폼 필드입니다. Field 계열 아키텍처 그대로, 내부에 Va.MonthPicker를 소유하는 Composition 구조. DateField·YearField와 같은 형제로, 월간 리포트·월별 필터 폼에 정확히 맞습니다.클래스: Va.MonthField — va_component.js:8743short name: monthField상속: Va.Field (다른 Field 형제들과 같음)내부 컴포넌트: Va.MonthPicker 인스턴스 (fieldComponent)isContainer: true베이스 CSS: va-fiel..

MonthPicker (월선택)

Va.MonthPicker — 년-월을 선택하는 캘린더 팝업년도만 다루는 Va.YearPicker와 년-월-일을 다루는 Va.DatePicker의 중간 자리를 차지하는 컴포넌트입니다. 팝업엔 특정 년도의 12개월 격자가 표시되고, 좌우 화살표로 년도를 이동합니다. 월별 매출·월별 통계 필드에 정확히 어울려요.클래스: Va.MonthPicker — va_component.js:5947short name: monthPicker상속: Va.PureField (YearPicker·DatePicker와 형제)isContainer: true베이스 CSS: va-monthpicker (팝업 va-menu-pop, calendar-inner)1. 기본 사용{ tagName: 'monthPicker', val..