GeekOnGadgets GeekOnGadgets - 3 months ago 17
CSS Question

jQuery ui - datepicker: month and year dropdown css

Problem Question: I have a jQuery datepicker with month and year dropdown, when there are month like

may,june
css between month and year looks bad. Something like
December 2016
and
May 2016


I have created the fiddle for this https://jsfiddle.net/GeekOnGadgets/wra3pcsv/

What I am trying to achieve: I want month and year to have fixed margin between them. Something like
December 2016
and
May 2016

Answer

Add the following snippet into the CSS:

.ui-datepicker-month {
  text-align-last: right;
  padding-right: .25em;
}

Related: Is it possible to center text in select box?