I'm using the lightning:input type="date" to have a datepicker but I can't float the datepicker icon and the calendar on the left of the input. Is there some way to do it even overriding styles?

enter image description here


You can do this using styles from Lightning Component Bundle using thins sample code:

.THIS .slds-datepicker {
    left : 0px !important;

There's probably some better way to set component's position but that does the work.

  • Yeah, but it moves the calendar on the left of the page, It has to be on the left of the container aligned with the input – Carlos Iribar Nov 30 '18 at 16:16
  • @CarlosIribar could you share your code? It seems to be working in every configuration i tried. – Bartosz Śliwiński Dec 3 '18 at 7:39

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.