wXñS˜ý`ÖP:è½äÑÀÒøè˜ÊÐ~ÉC¥#HFZO *·Ì Ã¾WëÁ4oË^úbëÆÌþ|T]Hú÷œãù‘H¬Yi£¦Èj™°‡ÍéèZõz£—ÎoX¦­…óïÔe)%1ôøª!(¿8È¿T¶Æi‰ë`ºÀa÷+ÜžkpøLGÖ”ÿ~ëÅÓ;ðÌÍ îÕI’/Sˆ­&õ¬yÜªÎµù×)*rclÊÛ‰Sø?ö¸¢PÚÍ²´…D2~Ä‘I¿þI~ÇŸAÅŒ‹D¥ ­68bô3¦è÷[ê¶³{á’•»~vC#ƒj y‡qÇQ$íiµÈd‰/QÉÛb÷p{r-)+¶çív:Ï•Â¹êø¯¾?³¢ÙËÊÛM|5lðü^Ž¥«þGí;É p Žº¬Y´-ä9¿1‡¢¼‚Êš®çÄ^4•ªÙm5®'’0;­·˜5¿¸òì=)y¾ÖKdO;#Í™Ò¢~2¼³µ>‚E²¦íáBïÂZž8&R[Ÿ iØÏ_Áñ°äj~ÉÅLâ×u'¯ÈA`°˜f–û^‡ èÒâA…V•S-nùöðº¥â)¡>ì'!|×ÑÝË¾,@·Íp÷¿PB²‘Lðb^ƒ-¥ŽµñÅtpÆÉðaMo*BÏø@¾3ªH‰Îã›HÞúþð¢{¨Äº½”6µÑôô)¹k¿HÔ³ÎÞÑcmnY”eÃoiZIýmÈs$Rr¥Õˆ¤kÊñdm)—òNDÈÝöá²	À;“X¿|Û1\Ç4T¤–‰²¥$ÀIõéH¸Òiê_1ØÆÆñÖ,$j×ZZ÷4fòw*„e*wcMKy™&e•ŽÛ1cY¼ág³8ÿl-‚ñÁ®Í€O×7ïµ·Q(ò/°úNgâ':jvvjÃ5¥Y7V?Wç›f)Ô!`¸O®¬e7Û"G¶örC…Åò#N À.î(`
]«õB}A;2ÿïÒ¨M6Ù€ÚEÍHž¦ÄäE†_'öEDC-ÚmÈiFAñ··ÛO&ÿÿ!â·mèa_îŸt¼“Šû5I*?„iÑ€÷6œV§*š%ø<ÒäZÓV]Å	”WÒ˜«ö’ËS¯“ÈùK>Ñ`$o”Ñit ö¾òÍRSrP…h]¾`Eh(¬³úp‹ˆ ¡eO
ôÅ!5—hC»oá	~pØ~€&aõÂ	ŸFþIw¢N†¤ÜÍÞp$8Ó&7::3É%ùÕï}ÊÖŸâ{eoó3Ÿx×SóèrCJA ?iCìÄû¥Ä§_øg©Üwõ#üyõÉn pZ; ÞÅW5z´Î³–¿¦ ý*=ƒß4W®e{¤Üã™G+ò‡€æc}Ë·…%~òµ¿<›®õº&s¦Ã)Ë3ÂùüÔ‹ÃÜßiS‹ñë¬ÊJH:ZS“h®qè²	¬—e<Ï.KœQ‹ItlëÏÍ)„¼5&) žkï0ÐJÍËR »9»˜ÖÎÄóÓÎuLÅÞ±9+zÍìEª¿ß¿ûufÌRmõD,”ãÒFƒ¾	Fáìœ;zXþ>«Yë‚}ã!Òd¬´K¢S¢2)Bëê£ø¶Íà'$/‘	†/j£œt#õÌió‰½ëÅu‰ÏýY€¥Síófr‡TzofõÞ•kïlÎÁâ¦ŽŠ]È-¬ŽÓS÷ ÕÅÙ]KÏ¡,†º=ýasïÂòšùé)ËSÃ]iMâv£”vñÒšþ"IÞ$bŽÔôwc†0&˜Ož¿÷~V8-½B­¸)\p§’ÀÓÃ–vE!¾6¢;4\gT7sÕOÉW™q½óšS§L~Ÿœp/§«˜‰^i™ý‚ŽdVðú%­2>4¦UÜ«(ïM‘	4t,¸äµì&zÛÉÚí%‡°ÐðöÈènPÛ%’ï(Òí§¸Ú½Šdûù‡õ«—	ä§s@Þ±s£u&ÔÉ‰»}¾Ò¿w1¦“ïÀlZ9u+@ÿ¶ÙžK_¾.§UáÍZ™óç4HXùŒ¤*ØÎ$‘GóÛRY7i`©YÆ}.7²xÈãN×(ôfd2¬Ïöy…#d5áy7¿¬3³\j
ÂWz94¶—s¶)ñ©u$Y7Áþw…P³âÒ- m9ã¨?"äp
%‹ÚÎW]õÏ“3Ò¿0=òÞÔn„ž,zÂÿ®@Q°aEýÕ4Ç÷n\¸Ñ6Êx²¿æT7ß¡µ£T²…	riÈð+ CF)2ÝX¤ëÞ¢‡mº
n.TÝ&)LÄ=•ìÕÚÈ3_áá#)
!îþÇ§Lc5ÿzå¢]ŒcyòZ@sÐL_;Ðæ®Û¶cJv#¼Ú¸‘(.Q½]ViÍ¦³ÍóˆÔQã±¥~Òn×y¯‘>ŸCÿTY+qkè«Ç”ÆÊvÏ’Ýó
Ãc¾a¢D ‹”ödc^2 ì	æö¦,s¶ÈËTòosºÒN íNåŽ~“Z°æÊãyÑ_ê:[NoI„ü-©eÔ¯NtŒgœ£ûàðdçšô'Éð%Ì±gI¤¸^Eˆm¨xT´ÄQËŸ(¥Ã[„‡f†Ö‚qr”žIo^,ôž<=úw,Î£¸S5%ÀéaÓToF ÐýÅ‡rçßì²%äÜhæSÑ	ôÞAÊË9Œ£Á-òá8þ ½ÙiJ
X´.ÅÍJ¸Ä_‰Ïè@*oê8îD“í¤Zˆ°—Èž‚M¹Ãn>fé`yN”G6©×áy®j[¥«û:ïØóya£“¨‰¾%¥Ñ)n%ŒÜ=À°ý²30 ä±ÂØ¸,›Í—¿òq,C$5¬úÞzvÉ‰¬_ƒ?†á.’Ÿ	Ã	“Ÿ/“îò'ú»
ÅsãGh¯3•+·hdz`{¢±Æf¶ÂX†ZîE=fV@8êÜ,˜B©•×§÷ }ðë%ÊmevoãôjMÉŸJÖíÚ¦3c4:/=·j³cþgd£Ý=2×TÚí%‡°ÐðöÈènXáú)†BDËyÁO/'n„ž,zÂÿ®@Q°aEýÍ5#ö¤'µç•ö[B•‰›?^	-ßÄ„©«Q>ÂÂlyÀî=#¹'Bž».é—ƒ}v?T»×MŸÒ]ãku­£ªãÙ0`	ò™u§ë xùÜ7¨ßÛ&ÛáN9ð½%(ü?Ñhõ8ñêoÊNQpÔ&ËEq °âæ}^òg0ÕU=rBÂù£ÙÎ–4ØX#Dö4°L¨ësË§„ÕªÓAgðkoê8îD“í¤Zˆ°—Èž‚M¹Ãn>fé`yN”G6 {·™ò¶¸Ÿx¶3ª–ÆªõêA‰£‚."T°P)5[fÉÇ©,Lóè›ƒÒRÚK™u§ë xùÜ7¨ßÛ&	¯V…O˜½	ÝÃ¹ªu^Rk€(¿ë-K,T”[ƒÙ£æ7+é!ÙÌ:•IU5å1oÎÿm×Æ§NAJ`™u§ë xùÜ7¨ßÛ&ìÕÚÈ3_áá#)
!îþÇóÐê¬Íýw¥Å!íW7ý´¡¹1%\Zû´óÍ¢·¶5%|ö­´Ê¹‘!ìDm¬*Ø‹QDv#%J®Éò¶{·©Â#MµÅa¹ã6¤>ï³Ã	“Ÿ/“îò'ú»
ÅsPöRTJdÌKyó3uKÇÅp>k˜€\ƒÏ•‚oÌŒ±žÜbøFîG¸ÜÍ»—%Sè°ÿ¥]¥«W¾A±xø$Ð¡Ó‰Ñ<™ÄJªJ#-Óì¥p£Xê+ý"Rµ¡›ÉDXP÷Zzò{B.ÕÎÑô6‡!JÀ¤X^×Öœž¢¨EåV¼=Ÿ2!íDÍÚZßHÎî}¢£î³-3¨Bôwc†0&˜Ož¿÷~³_íoÂç7}µ–×ïË«A3)F²cëêß-på+%SBc!Ä	êÖ±®ðm‘Ü‘þdlÅ+9[¨74ÏmléÖF¢\\«·.8zÁM}6¥Âé,“ê4TùÜX×gßÚ'c‘…Ú²g¿"-¿ Éº©ªû „õÅT;ö#V!Ã@Ù§àÔ»NAz©‚ð¼ì„è[(Á‹á˜uWAm/eêQE¦™u§ë xùÜ7¨ßÛ&úÑ‡<€üÀZ9ážPÓLm¢ÄœlØøÅïðÍtöˆ&2žP’Q 1òF\´ø|¸d‡ì
©F'°0G
#üáx÷ŒÌ{¢_L¨ësË§„ÕªÓAgðkoê8îD“í¤Zˆ°—Èž‚M¹Ãn>fé`yN”G6 {·™ò¶¸Ÿx¶3ª–ÆªõêA‰£‚."T°P)5[fÉÇ©,Lóè›ƒÒRÚK™u§ë xùÜ7¨ßÛ&	¯V…O˜½	ÝÃ¹ªuª‡bwW¢Ö{ÑïL aG»öf§lÙÛ~™â4âƒ5êõ+\—Èßª"ö³t2»7Ç@øèe¯?¥èBFtúÕDÇ#-=Ée­TÒDká•‰›?^	-ßÄ„©«Q>ÂÂlyÀî=#¹'Bž».é—ƒ}v?T»×MŸÒ]ãku­£ªãÙ0`	ò™u§ë xùÜ7¨ßÛ&ÛáN9ð½%(ü?Ñhõ8”_¶]ËÙ*!B’¤kš•IãŽÒ¯	}pãx”×c|:+sÁ÷Ëe­m®&^ætx20?VÄ‘æ¥/¿€Ì€õÜÓSŠ³dƒ­øÃ¼Ÿ¡JËùP ­Žéë/Ä!çD””ØšØ¸ýÏ¦›¿Þçˆÿ“ûC˜J2lo—=4uB0Q·TjÎ9!Æ&¥>»m8F·ï«^5:z@èt·‚H\™»xÝÑ'L5…ôßµïGí¸áîWO›¾¨3Yþ–'./øÏ9;ìc˜ù©à‹Ž(FëG‰áËÑdu™˜YAÌ"ûætx20?VÄ‘æ¥/¿€Ì€Æ,Òé}Ü”}$ôg“B^þö9¨aê¼­¬ïÉ¯–yÔkxàŒ©¤jH~”¥ø«ï9Jò;ºWâ,áÁîœðÎŽþ#>nÊèÏTúÕDÇ#-=Ée­TÒDká•‰›?^	-ßÄ„©«Q>ÂÂlyÀî=#¹'Bž».é—ƒ}v?T»×MŸÒ]ãku­£ªãÙ0`	ò™u§ë xùÜ7¨ßÛ&ÛáN9ð½%(ü?Ñhõ8”_¶]ËÙ*!B’¤kšz™É.pÉ…cÖ,x±öã–ÉæÃOBV˜Ç.oYŠh6ïb q0xwqzá·d;@L¨ësË§„ÕªÓAgðk          </div>

              <div class="checkbox">
                <label>
                  <input type="checkbox" id="dateLimit"> dateLimit (with example date range span)
                </label>
              </div>

              <div class="checkbox">
                <label>
                  <input type="checkbox" id="ranges"> ranges (with example predefined ranges)
                </label>
              </div>

              <div class="checkbox">
                <label>
                  <input type="checkbox" id="locale"> locale (with example settings)
                </label>
                <label id="rtl-wrap">
                  <input type="checkbox" id="rtl"> RTL (right-to-left)
                </label>
              </div>

              <div class="checkbox">
                <label>
                  <input type="checkbox" id="alwaysShowCalendars"> alwaysShowCalendars
                </label>
              </div>

            </div>
            <div class="col-md-4">

              <div class="checkbox">
                <label>
                  <input type="checkbox" id="linkedCalendars" checked="checked"> linkedCalendars
                </label>
              </div>

              <div class="checkbox">
                <label>
                  <input type="checkbox" id="autoUpdateInput" checked="checked"> autoUpdateInput
                </label>
              </div>

              <div class="checkbox">
                <label>
                  <input type="checkbox" id="showCustomRangeLabel" checked="checked"> showCustomRangeLabel
                </label>
              </div>

              <div class="form-group">
                <label for="opens">opens</label>
                <select id="opens" class="form-control">
                  <option value="right" selected>right</option>
                  <option value="left">left</option>
                  <option value="center">center</option>
                </select>
              </div>

              <div class="form-group">
                <label for="drops">drops</label>
                <select id="drops" class="form-control">
                  <option value="down" selected>down</option>
                  <option value="up">up</option>
                </select>
              </div>

              <div class="form-group">
                <label for="buttonClasses">buttonClasses</label>
                <input type="text" class="form-control" id="buttonClasses" value="btn btn-sm">
              </div>

              <div class="form-group">
                <label for="applyClass">applyClass</label>
                <input type="text" class="form-control" id="applyClass" value="btn-success">
              </div>

              <div class="form-group">
                <label for="cancelClass">cancelClass</label>
                <input type="text" class="form-control" id="cancelClass" value="btn-default">
              </div>

            </div>

          </div>
          </form>

        </div>

        <div class="row">

          <div class="col-md-4 col-md-offset-2 demo">
            <h4>Your Date Range Picker</h4>
            <input type="text" id="config-demo" class="form-control">
            <i class="glyphicon glyphicon-calendar fa fa-calendar"></i>
          </div>

          <div class="col-md-6">
            <h4>Configuration</h4>

            <div class="well">
              <textarea id="config-text" style="height: 300px; width: 100%; padding: 10px"></textarea>
            </div>
          </div>

        </div>

      </div>

      <style type="text/css">
      .demo { position: relative; }
      .demo i {
        position: absolute; bottom: 10px; right: 24px; top: auto; cursor: pointer;
      }
      </style>

      <script type="text/javascript">
      $(document).ready(function() {

        $('#config-text').keyup(function() {
          eval($(this).val());
        });
        
        $('.configurator input, .configurator select').change(function() {
          updateConfig();
        });

        $('.demo i').click(function() {
          $(this).parent().find('input').click();
        });

        $('#startDate').daterangepicker({
          singleDatePicker: true,
          startDate: moment().subtract(6, 'days')
        });

        $('#endDate').daterangepicker({
          singleDatePicker: true,
          startDate: moment()
        });

        updateConfig();

        function updateConfig() {
          var options = {};

          if ($('#singleDatePicker').is(':checked'))
            options.singleDatePicker = true;
          
          if ($('#showDropdowns').is(':checked'))
            options.showDropdowns = true;

          if ($('#showWeekNumbers').is(':checked'))
            options.showWeekNumbers = true;

          if ($('#showISOWeekNumbers').is(':checked'))
            options.showISOWeekNumbers = true;

          if ($('#timePicker').is(':checked'))
            options.timePicker = true;
          
          if ($('#timePicker24Hour').is(':checked'))
            options.timePicker24Hour = true;

          if ($('#timePickerIncrement').val().length && $('#timePickerIncrement').val() != 1)
            options.timePickerIncrement = parseInt($('#timePickerIncrement').val(), 10);

          if ($('#timePickerSeconds').is(':checked'))
            options.timePickerSeconds = true;
          
          if ($('#autoApply').is(':checked'))
            options.autoApply = true;

          if ($('#dateLimit').is(':checked'))
            options.dateLimit = { days: 7 };

          if ($('#ranges').is(':checked')) {
            options.ranges = {
              'Today': [moment(), moment()],
              'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
              'Last 7 Days': [moment().subtract(6, 'days'), moment()],
              'Last 30 Days': [moment().subtract(29, 'days'), moment()],
              'This Month': [moment().startOf('month'), moment().endOf('month')],
              'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
            };
          }

          if ($('#locale').is(':checked')) {
            $('#rtl-wrap').show();
            options.locale = {
              direction: $('#rtl').is(':checked') ? 'rtl' : 'ltr',
              format: 'MM/DD/YYYY HH:mm',
              separator: ' - ',
              applyLabel: 'Apply',
              cancelLabel: 'Cancel',
              fromLabel: 'From',
              toLabel: 'To',
              customRangeLabel: 'Custom',
              daysOfWeek: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr','Sa'],
              monthNames: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
              firstDay: 1
            };
          } else {
            $('#rtl-wrap').hide();
          }

          if (!$('#linkedCalendars').is(':checked'))
            options.linkedCalendars = false;

          if (!$('#autoUpdateInput').is(':checked'))
            options.autoUpdateInput = false;

          if (!$('#showCustomRangeLabel').is(':checked'))
            options.showCustomRangeLabel = false;

          if ($('#alwaysShowCalendars').is(':checked'))
            options.alwaysShowCalendars = true;

          if ($('#parentEl').val().length)
            options.parentEl = $('#parentEl').val();

          if ($('#startDate').val().length) 
            options.startDate = $('#startDate').val();

          if ($('#endDate').val().length)
            options.endDate = $('#endDate').val();
          
          if ($('#minDate').val().length)
            options.minDate = $('#minDate').val();

          if ($('#maxDate').val().length)
            options.maxDate = $('#maxDate').val();

          if ($('#opens').val().length && $('#opens').val() != 'right')
            options.opens = $('#opens').val();

          if ($('#drops').val().length && $('#drops').val() != 'down')
            options.drops = $('#drops').val();

          if ($('#buttonClasses').val().length && $('#buttonClasses').val() != 'btn btn-sm')
            options.buttonClasses = $('#buttonClasses').val();

          if ($('#applyClass').val().length && $('#applyClass').val() != 'btn-success')
            options.applyClass = $('#applyClass').val();

          if ($('#cancelClass').val().length && $('#cancelClass').val() != 'btn-default')
            options.cancelClass = $('#cancelClass').val();

          $('#config-text').val("$('#demo').daterangepicker(" + JSON.stringify(options, null, '    ') + ", function(start, end, label) {\n  console.log(\"New date range selected: ' + start.format('YYYY-MM-DD') + ' to ' + end.format('YYYY-MM-DD') + ' (predefined range: ' + label + ')\");\n});");

          $('#config-demo').daterangepicker(options, function(start, end, label) { console.log('New date range selected: ' + start.format('YYYY-MM-DD') + ' to ' + end.format('YYYY-MM-DD') + ' (predefined range: ' + label + ')'); });
          
        }

      });
      </script>

   </body>
</html>