AI 분석
흰 배경 2열 그리드에 날짜·시간 피커 변형을 나열한 컴포넌트 쇼케이스다.
흰 배경 위 2열 그리드에 피커 변형을 하나씩 배치하고 각 항목마다 라벨, 복사 아이콘, View code 버튼을 우측 정렬한 단일 칼럼 문서형 레이아웃이다. 산세리프 본문에 의존성 이름만 모노스페이스로 처리하고, 색은 흰 배경과 검정 텍스트·검정 채움 버튼으로 제한한 모노크롬 구성이며 입력 필드는 옅은 회색 테두리와 캘린더 아이콘, MM/DD/YYYY hh:mm 형태의 플레이스홀더를 쓴다. 입력을 누르면 월 그리드 캘린더와 시·분·오전오후를 세로 스크롤로 고르는 열이 붙은 팝오버가 열리고, 선택한 날짜와 숫자는 검정 알약 배경으로 반전되며 범위 피커는 두 달을 나란히 펼쳐 구간을 음영으로 잇는다. 마지막에는 다크 코드 패널이 올라와 import 구문을 보여준다. 폼 라이브러리와 결합한 날짜·시간 입력의 상태 표현과 팝오버 구조를 그대로 참고할 수 있어 디자인 시스템 문서 레퍼런스로 유용하다.
minimal · light-mode · monochrome · high-contrast
claude-opus-5 · 2026-09-07 06:11 · 신뢰도 0.82
