ParsleyJS Validator og Metro UI Datepicker udfordring.

Hej


Jeg bruger Parsley JS validator på mine form, sammen med MetroUI Datepicker og har nogle udfordringer med at at få dem til at arbejde ordentligt sammen.

Problem #1:

Når jeg valider på det INPUT felt der bruger MetroUI Datepicker bliver fejlbeskeden fra ParsleyJS vist inde i selve INPUT feltet og ikke nedenfor som den bliver på de andre felter .. hvordan kan jeg få den til at "bryde ud" og blive vist korrekt?  (se nedenstående screenshot)

Link til billede : https://ibb.co/jMHL5NX

<input type="date" name="StartDate" data-role="calendarpicker"  data-cls-calendar="compact" data-locale="da-DK" data-week-start="1" data-format="%d-%m-%Y" data-overlay-color="#000000" style="width: 100px;" Required="" />

Problem #2:

Når man vælger en dato fra datepicker, bliver feltet ikke valideret igen, det vil sige den stadig er "rød". Hvordan får jeg Parsley til at revalider igen? (Se nedenstående screenshot)

Link til billede: https://ibb.co/dDrbxDf

Håber nogen kan hjælpe :-)