Topic: Date picker incorrect display
Datepicker ugly displayed in row element.
HTML code:
<div class="row">
<div class="col date-col">
<div class="md-form">
<mdb-date-picker
[options]="datePickerOptions"
[(ngModel)]="dateValue"
#date>
</mdb-date-picker>
<label for="date" [class.active]="dateValue">{{datePlaceholder}}</label>
</div>
</div>
<div class="col">
<div class="md-form">
<mdb-time-picker
[twelvehour]="true"
[(ngModel)]="timeValue"
[label]="timePlaceholder"
[placeholder]="timePlaceholder">
</mdb-time-picker>
</div>
</div>
</div>
Screenshot:
P.S. In previous version it is displayed better;
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status
Resolved
Specification of the issue
- ForumUser: Free
- Premium support: No
- Technology: MDB Angular
- MDB Version: -
- Device: -
- Browser: -
- OS: -
- Provided sample code: No
- Provided link: Yes
Tags
Damian Gemza staff commented 6 years ago
Dear Stanislav, Please use this code in your global stylesheet - styles.scss to workaround this problem. We'll fix this in next release. .mydp .picker { .md-form { margin-top: 0; } } Best Regards, Damianstanislav9607 free commented 6 years ago
Thanks!