<data-sm:date-time-picker ng-model="currentLiabilityForm.expDate" is-date-range="false" form="form.editLiabilityForm" name="expDate" ng-show="currentLiabilityForm.expStatic" ng-required="currentLiabilityForm.expStatic" class="ng-untouched ng-valid ng-isolate-scope ng-valid-required ng-dirty ng-valid-parse ng-valid-daterange" required="required"> <div class="input-group"> <input type="text" autocomplete="off" id="expDate" name="expDate" class="form-control ng-valid" placeholder=""> <span class="input-group-addon datepickerbutton"> <!--datepickerbutton:jquery datetimepicker plugin requires this class--> <i class="fa fa-calendar"></i> </span> <!-- ngIf: showBod --> <!-- ngIf: showEod --> <!-- ngIf: showNow --> </div> <div class="field-validation-error"> <span ng-show="!validStartDateRange()" class="ng-hide">Start date must begin before end date.</span> <span ng-show="!validEndDateRange()" class="ng-hide">End date must begin after start date.</span> <span ng-show="!validRequired()" class="ng-hide">Date is required.</span> <span ng-show="!validFutureDate()" class="ng-hide">Date must be in the future.</span> <span ng-show="!validPastDate()" class="ng-hide">Date must be in the past.</span> </div></data-sm:date-time-picker>Note ng-dirty class among other classes. What may cause this weird behavior, do you know?
<div class="form-group" ng-show="currentLiabilityForm.expStatic"> <label class="control-label col-md-3 col-lg-3">@Labels.expirationDate: </label> <div class="col-lg-4"> <data-sm:date-time-picker ng-model="currentLiabilityForm.expDate" is-date-range="false" form="form.editLiabilityForm" name="expDate" ng-show="currentLiabilityForm.expStatic" ng-required="currentLiabilityForm.expStatic"> </data-sm:date-time-picker> </div> <div class="field-validation-error"> <span ng-show="form.editLiabilityForm.expDate.$error.required && form.editLiabilityForm.expDate.$dirty">@String.Format(Messages.isRequired, Labels.expirationDate)</span> </div> </div>Thanks in advance.