Schedule Calendar
일정과 할 일을 날짜 기준으로 확인하고 관리할 수 있는 캘린더 컴포넌트입니다.
반복 일정, 태그, 상태 정보 등 일정과 관련된 내용을 함께 보여줄 때 사용합니다.
컴포넌트 명세 (Component Specification)
Anatomy
scheduleCalendar
기본 기능
스케줄을 관리하고 확인할 수 있는 캘린더 컴포넌트
시각 옵션
selecList1
selecList2
selecList2
상태
default
active
inactive
내부 구성
text
stroke
분류 (Variant)
해당 날짜의 선택 여부에 따라 Default, Active, Inactive 상태로 구분됩니다.
분류 (Variant)
Schedule Canlendar의 다양한 분류 기준입니다.
요일 (Day of the Week)
캘린더의 제일 상단에 사용하는 요일입니다.
솔리드형 태그 분류 (Solid Accent Variant)
일정 관리 캘린더에 사용되는 태그입니다. 정보의 강조 정도와 표현 방식에 따라 Accent, Line, Soft 타입으로 구분됩니다.
솔리드형 태그 순서 (Solid Accent Align)
일정 관리 캘린더에 사용되는 태그입니다. 하루 단위가 아닌 기간 일정의 경우, Start–Middle–End 순으로 연결해 기간 정보임을 명확하게 보여줍니다.
아이템 분류 (Item Variant)
근무 관리 캘린더에 사용되는 아이템 분류입니다. 조기퇴근은 red, 연차는 blue, 추가근무는 red Solid, 휴일근무는 olive solid를 사용합니다.
사용 예시 (Use Case)
실제 서비스 화면에서 Schedule Canlendar가 배치되고 활용되는 패턴입니다.
근무 관리 (HR Management)
인사 메뉴의 근무 관리에서 사용되는 예시입니다. 주로 하루 근무 현황을 날짜별로 확인할 때 사용됩니다.
일정 관리 (Schedule Management)
일정 관리에서 사용되는 캘린더 예시입니다. 태그를 통해 사내 공유 일정과 개인 일정을 구분해 확인하고 관리할 수 있습니다.
Use Case (사용 예시)
실제 서비스 화면에서 Schedule Canlendar가 배치되고 활용되는 패턴입니다. 상단 헤더와 완전히 붙여서 사용됩니다.
마스터 컴포넌트 (Master Component)
Master Component입니다. 컴포넌트를 복사해 원하는 위치에서 Instance로 사용합니다.
