<div ng-if="$ctrl.model.renderDatepicker">
    <datepicker date-format="{{ $ctrl.format || 'MMM d, yyyy' }}"
                date-min-limit="{{ $ctrl.model.minDate }}"
                date-max-limit="{{ $ctrl.model.maxDate }}"
                date-set="{{ $ctrl.model.defaultDate }}"
                date-typer="true"
                date-disabled-dates="{{ $ctrl.model.filteredDisabledDates }}"
                date-week-start-day="{{ $ctrl.model.firstDayOfWeek }}">
        <input class="form-input-text size-sm"
               name="$ctrl.name"
               ng-model="$ctrl.model.selectedDate"
               placeholder="{{ $ctrl.placeholderText ? $ctrl.placeholderText : 'date-picker.start-date' | translate}}"
               type="text"
               ng-required="!$ctrl.allowBlank"
               ng-readonly="!$ctrl.editable"
               ng-change="$ctrl.onDateSelection()">
    </datepicker>
</div>
