In this example the calendar is configured to allow multiple selection and returns multiple date values.

Click on the "Pick" button to shows the calendar.

• The example above returns date with format 'day in week, month date, year [hours:minutes]'.
• Time selector is enabled.
• The calendar mode is floating (0) which is the default mode.
• Cancel button is disabled.
• Double click to close or click on Select button to close.

Example code:

                //creates the calendar.
                <script>
                  var cal=new AOCalendar("cal1");
                  cal.opt.themeDir="../themes/graphics/";
                  cal.opt.dtFormat="$DW, $MM $dd, $YY [$HH:$mi]";
                  cal.opt.autoClose=false;
                  cal.opt.enableTime=true;
                  cal.opt.sClose=true;
                  cal.opt.topSelDate=false;
                  cal.render();
                </script>