Basic UI

TimeRange는 사용자가 시작 시간과 종료 시간, 2가지 시간 정보를 선택 할 수 있도록 기능을 제공하는 컴포넌트이다.

( 참고: https://ionsdp.atlassian.net/wiki/spaces/ICE4P/pages/1543733287/Input+Component#Common-options )

Function

Format

시간 출력 포멧을 설정 할 수 있다. 설정한 포멧에 따라 시간 선택 옵션창의 내용도 달라진다.

Default Time

디폴드 시간를 셋팅 할 수 있다. 옵션에 있는 Default Value 에 원하는 조건을 직접 입력하여 설정한다. 입력 방식은 xxxxxx, xx:xx:xx, xx-xx-xx 3가지 형태로 자유롭게 입력 할 수 있으며, 결과값은 Default Format 또는 설정 해놓은 Format 을 기준으로 출력된다.

Disabled Start/End Value

시간 선택 시 선택 불가한 조건을 설정 할 수 있다. 옵션에 있는 Disabled Start Value와 Disabled End Value에 원하는 조건을 직접 입력하여 설정한다. 아래 예시는 옵션 2개를 모두 사용한 경우이다.

TimeRange

시작 시간과 종료 시간, 2개의 시간 선택 기능을 제공하는 컴포넌트로, 기본 UI는 다음과 같다.