<h3>Období od-do</h3>
       <p id="pwidget">
        <div id="widget">
         <div id="widgetField">
          <?php
           echo "<span>".$datumod." - ".$datumdo."</span><a href=\"#\">od-do</a>";
          ?>
     </div>
     <div id="widgetCalendar"></div>
         <input type=hidden name=datumod id=datumod value="<?php echo $datumod; ?>">
         <input type=hidden name=datumdo id=datumdo value="<?php echo $datumdo; ?>">
        </div>
       </p>

                var d1=$('#widgetField span').get(0).innerHTML;
                var d2=d1.substring(0,8);
                var d3=d1.substring(11);
                var dd2=parseInt(d2.substring(0,2));
                var md2=parseInt(d2.substring(3,5));
                var yd2=2000+parseInt(d2.substring(6,10));
      var now3 = new Date(yd2,md2-1,dd2);
                var dd3=parseInt(d3.substring(0,2));
                var md3=parseInt(d3.substring(3,5));
                var yd3=2000+parseInt(d3.substring(6,10));
      var now4 = new Date(yd3,md3-1,dd3);
        $('#widgetCalendar').DatePicker({
            flat: true,
            format: 'd.m.y',
            date: [new Date(now3), new Date(now4)],
            calendars: 2,
            mode: 'range',
            starts: 1,
            onChange: function(formated) {
                $('#widgetField span').get(0).innerHTML = formated.join(' - ');
                $('#datumod').val(formated[0]);
                $('#datumdo').val(formated[1]);
                $('#obdobi').val("odo");
            },
                        locale: {
                days: ["Neděle", "Pondělí", "Úterý", "Středa", "Čtvrtek", "Pátek", "Sobota", "Neděle"],
                daysShort: ["Ned", "Pon", "Úte", "Stř", "Čtv", "Pát", "Sob", "Ned"],
                daysMin: ["Ne", "Po", "Út", "St", "Čt", "Pá", "So", "Ne"],
                months: ["Leden", "Únor", "Březen", "Duben", "Květen", "Červen", "Červenec", "Srpen", "Září", "Říjen", "Listopad", "Prosinec"],
                monthsShort: ["Led", "Úno", "Bře", "Dub", "Kvě", "Čer", "Čvc", "Srp", "Zář", "Říj", "Lis", "Pro"],
                weekMin: 'td'
            }
        });
        var state = false;
        $('#widgetField>a').bind('click', function(){
            $('#widgetCalendar').stop().animate({height: state ? 0 : $('#widgetCalendar div.datepicker').get(0).offsetHeight}, 500);
                        if (state){
             $('#setme').submit();
                        }
            state = !state;
            return false;
        });
        $('#widgetCalendar div.datepicker').css('position', 'absolute');
    };