Hi, I am using ui-bootstrap datepicker.
When the calendar appear, its shape is deformed due to css overrides by component-md.css. Is there a way not to let components-md.css affect the css for the calendar?
See attachment pls
<div class="form-group form-md-line-input form-md-floating-label no-hint">
<input type="text" ng-click="opened=true;" class="form-control" name="DateofBirth"
uib-datepicker-popup="{{format}}" ng-model="vm.dob" is-open="opened" datepicker-options="dateOptions"
close-text="Close" />
<label>Date of Birth</label>
</div>
<div>
<span class="help-block text-danger" ng-show="pocf.DateofBirth.$invalid && pocf.DateofBirth.$dirty">@L("InvalidDate")</span>
</div>
11 Answer(s)
-
0
Hi,
Did you added css for datepicker after metronic css files ? If so, I think we cannot do anything about this but you can override related css definitions and make it look better by yourself.
-
0
I didn't add anything, I kept things as is. I will check how the css is loading. Thanks
-
0
Hi,
Please let us know if you cannot solve this problem.
Thanks.
-
0
Actually, the calendar I was using is the one that ships with UI Bootstrap.
Are the css and js files for the UI bootstrap included by default in the application?
-
0
Hi,
Yes you are right, I thought it was a different date picker. Are you using it as popup or embeded in your page ?
-
0
As popup. So, when I click the Calendar icon it opens.
Thanks
-
0
Thanks,
We will try and fix this.
-
0
Thanks for you.
-
0
Hi,
Have you fixed this problem ?
Thanks.
-
0
Never. I even tried to contact their support and they didn't help. I switched to kendo ui datepicker and working smooth.
-
0
Thanks for your feedback :)
