<div ng-controller="Reports.DatepickersController" ng-cloak>
    <div ng-show="data.dateSearchType=='DATE_RANGE'">
        <label for="dateFromReports" translate>reports.startDate.label</label> <span class="required-asterisk">*</span>
        <date-time-picker data="data.startDate" max-date="maxDate" on-date-select="startDateChanged"></date-time-picker>

        <label for="dateToReports" translate>reports.endDate.label</label> <span class="required-asterisk">*</span>
        <date-time-picker data="data.endDate" min-date="minDate"></date-time-picker>

    </div>
    <div ng-show="data.dateSearchType=='FISCAL_YEAR'">
        <label for="selectionReports" translate>reports.fiscalYear.label</label> <span class="required-asterisk">*</span>
        <p class="input-group">
            <select id="selectionReports" ng-model="data.fiscalYear" ng-options="option.id as option.name for option in data.fiscalYears | orderBy:'-name'"
                class="form-control input-sm">
            </select>
        </p>
    </div>
</div>
