Date picker incorrect display


Topic: Date picker incorrect display

stanislav9607 asked 7 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:

http://prntscr.com/j78zkg

P.S. In previous version it is displayed better;


Damian Gemza staff commented 7 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, Damian

stanislav9607 commented 7 years ago

Thanks!

Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Resolved

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: Yes