DateTimePicker+ uprava zobrazenia

Dobrý den,

využívam DateTimePicker+ komponentu z odkazu https://componette.org/search/?…

Kalendár sa vykreslí v pohode, všetko funguje až do okamihu, keď chcem kalendár upravovať.
DateTimePicker+ využíva timepicker z http://trentrichardson.com/…/timepicker/

Tam je v jednoduchých príkladoch ukázané ako je možné kalendár upravovať. Vyskúšal som to na obyčajnom .html súbore a funguje to, bohužial v nette som si nevedel rady.

V presenteri mám definovaný formulár.

 function createComponentContractForm()
    {

          //registrace dateTimePickeru
            Container::extensionMethod('addDateTimePicker', function (Container $container, $name, $label = NULL) {
                 return $container[$name] = new \Nextras\Forms\Controls\DateTimePicker($label);
            });

        $form = new Form;
        $form->addDateTimePicker('time','Dátum a čas:')
             ->setRequired('Prosím zvolte dátum a čas odjazdu');

}

a v šablóne vykresluje formulár.

{control contractForm}

<script type="text/javascript">

$(document).ready(function() {
$('#iddatetimepicker').datetimepicker({
    minDate: 0,
    maxDate: 30,
    controlType: 'select',
    timeFormat: 'hh:mm tt'
});
});


</script>
 \--

Snažil som sa limitovať minDate a takisto control type by som rád mal ako drop-down menu.
Takto mi to funguje v obyčajnom .html, vie mi niekto poradiť ako tieto úpravy
poriešiť za pomoci Nette alebo ako zprovozniť tieto úpravy?

Ďakujem.