사용자가 시작일과 종료일을 선택하여 입력할 수 있도록 달력 날짜 선택 기능을 제공하는 컴포넌트이다.
( 참고: https://ionsdp.atlassian.net/wiki/spaces/ICE4P/pages/1543733287/Input+Component#Common-options )
Basic
DateRange 컴포넌트의 기본 UI는 다음과 같다.
Default DateRange
옵션에 있는 Default Value 에 원하는 조건을 직접 입력하여 시작일과 종료일의 디폴드 날짜를 설정 할 수 있다.
{{:defaultDates(-7, 0)}} | {{:defaultDates(0, 1 month)}} |
|---|---|
 |  |
{{:defaultDates(0, 1 year)}} | {{:defaultDates(-1 year,2 months)}} |
|---|---|
 |  |
Max Date Length
날짜 선택 시 사용자가 선택하는 최대 날짜 기간을 설정 할 수 있다. 옵션에 있는 Date Length에 원하는 Max 기간값을 직접 입력하여 설정한다. 사용자가 시작일 또는 종료일을 선택하면 설정해 놓은 날짜 기간 Max값에 조건 내의 날짜만 선택 할 수 있고, 나머지 날짜는 모두 모두 비활성화 된다.
