Basic UI

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

( 참고: Input Component | Common options )

Open

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

Open

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개를 모두 사용한 경우이다.

4. Disable Clear

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