search

danielmoncada / date-time-picker

Angular Date Time Picker (Responsive Design)
https://daniel-projects.firebaseapp.com/owlng/date-time-picker
MIT License
141 stars 61 forks source link

Weird layout in angular 10 #96

Closed shalltalk closed 3 years ago

shalltalk commented 3 years ago

I installed 10.1.0 on a angular 10 project. I followed the "Use with @angular/forms" here https://danielykpan.github.io/date-time-picker/ but the following code gives a weird layout (see attached image, I have to zoom out to show the whole layout). Could someone take a look? Thanks.

<input matInput placeholder="Due Time" [formControl]="dateControl" [owlDateTimeTrigger]="dateSingle" [owlDateTime]="dateSingle" /> <owl-date-time [firstDayOfWeek]="'1'" [pickerType]="'both'" [pickerMode]="'popup'" #dateSingle>

datepicker bug 1

shalltalk commented 3 years ago

ugh stupid me, I forgot to do this:

@import "~@danielmoncada/angular-datetime-picker/assets/style/picker.min.css";

Great lib!