Topic: Date picker incorrect display
stanislav9607 free asked 6 years ago
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!