Material Design / Collapse Label / Metronic #2643

bilalhaidar created 7 years ago

Hi,

I am using the daterangepicker as a single value not range.

I am seeing weird behaviour when form loads first time (as shown in the attachment). If later I select a date, it works fine.

<div class="form-group form-md-line-input form-md-floating-label no-hint">
                            <input date-range-picker type="text" options="vm.dateRangeOptions" min="vm.dateRangeOptions.min" max="vm.dateRangeOptions.max" class="form-control date-picker" ng-model="vm.dob" />
                            <label>Date of Birth</label>
                        </div>

3 Answer(s)

hozkar created 7 years ago

Hi!

You should apply "edited" class when your ng-model has data:

<input date-range-picker type="text" options="vm.dateRangeOptions" min="vm.dateRangeOptions.min" max="vm.dateRangeOptions.max" class="form-control date-picker" ng-model="vm.dob" ng-class= "{ 'edited': vm.dob }"/>

0

ismcagdas created 7 years ago
Support Team

Thanks @Hozkar :).
0

bilalhaidar created 7 years ago

Thanks guys!

Regards Bilal

Have an answer to this question? Log in and write your answer.