Set Bootstrap DatePicker Width and Day padding in CSS

Question

The default bootstrap datepicker that shows up say on the click of an input controlI need to change the stylesheetcss to make it wider and pad the daysofmonth so that theres more space between the numbers

dharmendr · Accepted Answer

Hi sansircarRefer below sample codeHTMLlthtmlgtltheadgt    ltmeta charset34utf834 gt    lttitlegtlttitlegt    ltstyle type34textcss34gt        body             padding 20px important                datepicker tablecondensed             width 400px                    tablecondensed td                 paddingtop 30px important                ltstylegt    ltscript type34textjavascript34 src34httpsajaxaspnetcdncomajaxjQueryjquery183minjs34gtltscriptgt    ltscript type34textjavascript34 src34httpscdnjscloudflarecomajaxlibstwitterbootstrap303jsbootstrapminjs34gtltscriptgt    ltlink media34screen34 rel34stylesheet34 href34httpscdnjscloudflarecomajaxlibstwitterbootstrap303cssbootstrapmincss34 gt    ltlink rel34stylesheet34 type34textcss34 href34httpscdnjscloudflarecomajaxlibsboot

Set Bootstrap DatePicker Width and Day padding in CSS

Company

Explore

Follow us

Contact Us