I need the following Datepicker UI design as show in LDS base variant. https://lightningdesignsystem.com/components/datepickers/#content


i have tried with following code, but i'm getting normal datepicker only.

<lightning:input type="datetime-local" label="Birthday" name="datetime" />

How to make it work using lightning:input ?

  • 1
    SLDS is not currently supported with lightning:input for date picker.
    – Himanshu
    Commented Nov 28, 2017 at 8:31

1 Answer 1


as @Himanshu commented - lightning:input does not support SLDS yet,

But ui:inputDate does:

<ui:inputDate displayDatePicker="true"/>

enter image description here

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .