Topic: datepicker icon outside of input

Mackenzie priority asked 3 years ago

Expected behavior I use the datepicker input and it works normaly. Actual behavior the calendar icon is outside the input field Resources (screenshots, code snippets etc.) enter image description here

Tomek Makowski staff answered 3 years ago


Unfortunately, I can't reopen your problem. Send me your project on mail and i'll try to fix it.


kcrazy free commented 2 years ago

So did you fix it?

Marcin Luczak staff commented 2 years ago

Hi @kcrazy,

Without having any response from the OP on the forum it is hard to say whether the problem was solved or not. If you have a similar issue, please let us know here, best with a snippet of your code, and we will try to help you.

Keep coding, Marcin

Mackenzie priority answered 3 years ago

Mackenzie priority answered 3 years ago

Below is a snippet to all three versions of my code. Strangely enough it works fine in the snippet editor:

Krzysztof Wilk staff answered 3 years ago


I think your input is too wide, so the button "jumps" below it, so you can try to check your grid layout, but to confirm my theory - could you provide a snippet with a working example of this modal? Or if it's an example from our documentation - could you tell which example it is too? It'll be very helpful :)

Best regards

Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue

  • ForumUser: Priority
  • Premium support: Yes
  • Technology: MDB jQuery
  • MDB Version: 4.19.0
  • Device: pc
  • Browser: firefox
  • OS: Windows
  • Provided sample code: No
  • Provided link: No