Skip to content

Datepicker: too much padding on x-axis, causes inconsistent styling

The default Pikaday CSS sets the width of the datepicker to 240px (https://github.com/Pikaday/Pikaday/blob/master/scss/pikaday.scss#L72)

The padding on the x-axis of the datepicker is 0.75rem which causes the datepicker to be wider than 240px and have inconsistent styling.

Screen_Shot_2020-05-08_at_10.29.46_AM

Proposal

Increase the width of the datepicker to 256px or $grid-size * 32 in datepicker.scss

Change @include gl-px-4; to @include gl-px-3; in src/components/base/datepicker/datepicker.scss#L37

Edited by Peter Hegman