@using Siriusware.Resources;
<div class="input-group">
    <input type="text" autocomplete="off" id="{{name}}" name="{{name}}" class="form-control" placeholder="{{placeholder}}" />
    <span class="input-group-addon datepickerbutton">
        <!--datepickerbutton:jquery datetimepicker plugin requires this class-->
        <i class="fa fa-calendar"></i>
    </span>
    <span class="input-group-addon datetimepicker-input-addon-button" ng-if="showBod" ng-click='setBod()'><i class="fa fa-sun-o"></i></span>
    <span class="input-group-addon datetimepicker-input-addon-button" ng-if="showEod" ng-click='setEod()'><i class="fa fa-moon-o"></i></span>
    <span class="input-group-addon datetimepicker-input-addon-button" ng-if="showNow" ng-click='setNow()'>@Labels.now</span>
</div>
<div class="field-validation-error">
    <span ng-show="!validStartDateRange()">@Messages.invalidStartDate</span>
    <span ng-show="!validEndDateRange()">@Messages.invalidEndDate</span>
    <span ng-show="!validRequired()">@String.Format(Messages.isRequired, Labels.date)</span>
    <span ng-show="!validFutureDate()">@Messages.invalidFutureDate</span>
    <span ng-show="!validPastDate()">@Messages.invalidPastDate</span>
</div>