...

Basic UI

사용자가 시간 정보를 선택하여 입력할 선택 할 수 있도록 시간 선택 기능을 제공하는 컴포넌트이다컴포넌트로 기본 UI는 다음과 같다.

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

Basic

Time 컴포넌트의 기본 UI는 다음과 같다.

...

...

필드를 클릭하면 시간 선택 옵션창이 출력된다. Time 컴포넌트의 기본 출력 Format은 HH:MM:SS이다.

...

...

...

Function

1. Format

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

...

2. Default Time

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

...

3. Disabled Start/End Value

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

...

TimeRange

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

...

4. Disable Clear

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

...