Date field calendar icon misaligned or moves inside the input field

  • Profile Image
    Asked on April 17, 2015 at 11:29 AM
    4) In delivery day and pick day calendar fields the icon is creeping inside the input field. This is worse when in mobile view. Also in mobile view when the calendar pops up it displays outside the screen range.
  • Profile Image
    Answered on April 17, 2015 at 12:12 PM


    Are you using custom CSS codes in your form to design the calendar field? Upon checking it you are forcing them to a specific position and width which causes the date field and the calendar icon to be misaligned. 

    You may need to check the padding and margin that you declared and the element you are using.

    I've cloned your form and remove the custom CSS codes, here's mine:

    I hope this helps.

    Kind regards.