Basic UI

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

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

Function

1. Format

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

2. Default Time

디폴드 시간를 셋팅 할 수 있다. 옵션에 있는 Default Value 에 원하는 조건을 직접 입력하여 설정한다. 입력 방식은 xxxxxx, xx:xx:xx, xx-xx-xx 3가지 형태로 자유롭게 입력 할 수 있으며, 결과값은 Default Format 또는 설정 해놓은 Format 을 기준으로 출력된다. ( 참고: https://ionsdp.atlassian.net/wiki/spaces/ICE4P/pages/1979580417/Time#2.-Default-Time )

❗️시작 시간과 종료 시간은 , 로 구분하여 입력한다.

3. Disabled Start/End Value NEW

시간 선택 시 선택 불가한 조건을 설정 할 수 있다. 옵션에 있는 Disabled Start Value와 Disabled End Value에 원하는 조건을 직접 입력하여 설정한다. ( 참고: https://ionsdp.atlassian.net/wiki/spaces/ICE4P/pages/1979580417/Time#3.-Disabled-Start%2FEnd-Value )

❗️시작 시간과 종료 시간은 , 로 구분하여 입력한다.

4. Disable Clear

사용자가 입력한 시간 정보를 삭제 할 수 있도록 Allow Clear 옵션을 제공한다. 삭제 아이콘 사용 여부를 ON/OFF 할 수 있으며, 각각 설정 했을 경우의 사용자 화면은 다음과 같다. Default는 Allow Clear{ON} 이다.