I made a fiddle showing an issue I've been having. When a modal is shown, I am populating a field with a value. On shown, I'm actually querying mysql database and populating fields. The fiddle just shows it being populated with a sample date to show my issue.

After the modal is shown, when the user clicks on the date field, the filled date doesn't show up in the calendar by default and it will disappear if clicking away from the calendar. It will reappear by clicking on the input again.

I just want the datepicker to show the selected date of whatever date is filled in the field on modal shown.

https://jsfiddle.net/michels287/tt9yt8j0/