javascript - Angular ui-bootstrap datepicker change theme -


i have angular datepicker shows -

bootstrap datepicker

this datepicker huge , covers 30% of screen , also, dates have huge gaps among them.

now suspect happening because have styled tables , buttons whole project. how change/style datepicker table , button styling not affect datepicker.

p.s: tried styling .datepicker syntax, did not work. thanks.

you need css tricks. like:

  • be sure custom styles loaded after bootstrap codes.
  • make selector more powerful, #somecontainer div.uib-datepicker {...} or #somecontainer div.uib-datepicker > table > tbody > tr > td {...} (well, doing css-preprocessors quite easy)
  • easily edit ui-boostrap js code , add class template, , follow above structure

by way, adm-dtp module might more helpful.


Comments

Popular posts from this blog

java - unable show chart in xls document using jasper reports -

javascript - How to change image src on success AJAX -

java.lang.RuntimeException: Could not generate dummy secret at sun.security.ssl.RSAClientKeyExchange.<init> -