Datepicker : comment vider le champ input associé ?

J'utilise les librairies suivantes : mootools-core.js et datepicker.js.
J'ai déclaré un objet calendrier de la manière suivante :

Code:

---

gd_target = new DatePicker('.calendar', { pickerClass: 'datepicker_dashboard', inputOutputFormat: 'd-m-Y',allowEmpty: true });

---

Le champ input associé est déclaré comme suit :

Code:

---

<input type="text" name="cal" value="" class='calendar' />

---

J'aimerais vider (visuellement parlant) le champ input 'cal' à ma guise mais impossible de le faire. Faire un value='' à cal vide la zone mais pas à l'affichage.
Ci-joint les bibliothèques importées du web...
Merci à celui ou celle qui pourra m'aider !!!!!