Skip to content
Snippets Groups Projects

Compare revisions

Changes are shown as if the source revision was being merged into the target revision. Learn more about comparing revisions.

Source

Select target project
No results found
Select Git revision
  • 4.0_templates
  • 4.1_templates-symlink
  • develop
  • git-fixes
  • master
5 results

Target

Select target project
  • tneumann9/PlanetRed
  • JSTUREK8/PlanetRed
  • smccoy12/PlanetRed
  • dkuzelka2/PlanetRed
  • s-cwiedel5/PlanetRed
  • dxg/PlanetRed
6 results
Select Git revision
  • 4.0_templates
  • 4.1_templates-symlink
  • develop
  • git-fixes
  • master
5 results
Show changes
Showing
with 856 additions and 0 deletions
<div class="radio">
<input
type="radio"
id="radiobuttons-new-block--1"
name="radiobuttons-new-block"
value=""
>
<label for="radiobuttons-new-block--1">
Radio Button: unchecked on page load
</label>
</div>
//Checked when initialized:
- add 'checked' class to input
- add 'checked="checked"' attribute to input
//Disabled when initialized:
- add 'disabled="disabled"' attribute to input
//Toggling radios:
- add 'data-toggle="{{selector}}"' attribute to input. This will toggle the matching selector's visibility on check / uncheck
(ex: 'data-toggle="#myTogglingBox"')
//Highlighting radios:
- add 'highlight' class to block wrapper or label for inline. This will highlight the radio on check / uncheck.
\ No newline at end of file
<div class="radio">
<label class="radio-custom" data-initialize="radio" id="myCustomRadio">
<input class="sr-only" name="radio1" type="radio" value="">
<span class="radio-label">Custom radio unchecked on page load</span>
</label>
</div>
\ No newline at end of file
//Static height
- add 'data-staticheight="{{string}}"' to element classed '.repeater' to set the repeater's height
(ex: 'data-staticheight="400"' or 'data-staticheight="true")
\ No newline at end of file
<div class="repeater" id="myRepeater">
<div class="repeater-header">
<div class="repeater-header-left">
<span class="repeater-title">Awesome Repeater</span>
<div class="repeater-search">
<div class="search input-group">
<input type="search" class="form-control" placeholder="Search"/>
<span class="input-group-btn">
<button class="btn btn-default" type="button">
<span class="glyphicon glyphicon-search"></span>
<span class="sr-only">Search</span>
</button>
</span>
</div>
</div>
</div>
<div class="repeater-header-right">
<div class="btn-group selectlist repeater-filters" data-resize="auto">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
<span class="selected-label">&nbsp;</span>
<span class="caret"></span>
<span class="sr-only">Toggle Filters</span>
</button>
<ul class="dropdown-menu" role="menu">
<li data-value="all" data-selected="true"><a href="#">All</a></li>
<li data-value="some"><a href="#">Some</a></li>
<li data-value="others"><a href="#">Others</a></li>
</ul>
<input class="hidden hidden-field" name="filterSelection" readonly="readonly" aria-hidden="true" type="text"/>
</div>
<div class="btn-group repeater-views" data-toggle="buttons">
<label class="btn btn-default active">
<input name="repeaterViews" type="radio" value="list"><span class="glyphicon glyphicon-list"></span>
</label>
<label class="btn btn-default">
<input name="repeaterViews" type="radio" value="thumbnail"><span class="glyphicon glyphicon-th"></span>
</label>
</div>
</div>
</div>
<div class="repeater-viewport">
<div class="repeater-canvas"></div>
<div class="loader repeater-loader"></div>
</div>
<div class="repeater-footer">
<div class="repeater-footer-left">
<div class="repeater-itemization">
<span><span class="repeater-start"></span> - <span class="repeater-end"></span> of <span class="repeater-count"></span> items</span>
<div class="btn-group selectlist" data-resize="auto">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
<span class="selected-label">&nbsp;</span>
<span class="caret"></span>
<span class="sr-only">Toggle Dropdown</span>
</button>
<ul class="dropdown-menu" role="menu">
<li data-value="5"><a href="#">5</a></li>
<li data-value="10" data-selected="true"><a href="#">10</a></li>
<li data-value="20"><a href="#">20</a></li>
<li data-value="50"><a href="#">50</a></li>
</ul>
<input class="hidden hidden-field" name="itemsPerPage" readonly="readonly" aria-hidden="true" type="text"/>
</div>
<span>Per Page</span>
</div>
</div>
<div class="repeater-footer-right">
<div class="repeater-pagination">
<button type="button" class="btn btn-default btn-sm repeater-prev">
<span class="glyphicon glyphicon-chevron-left"></span>
<span class="sr-only">Previous Page</span>
</button>
<label id="myPageLabel" class="page-label">Page</label>
<div class="repeater-primaryPaging active">
<div class="input-group input-append dropdown combobox">
<input type="text" class="form-control" aria-labelledby="MyPageLabel">
<div class="input-group-btn">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
<span class="caret"></span>
<span class="sr-only">Toggle Dropdown</span>
</button>
<ul class="dropdown-menu dropdown-menu-right"></ul>
</div>
</div>
</div>
<input type="text" class="form-control repeater-secondaryPaging" aria-labelledby="MyPageLabel">
<span>of <span class="repeater-pages"></span></span>
<button type="button" class="btn btn-default btn-sm repeater-next">
<span class="glyphicon glyphicon-chevron-right"></span>
<span class="sr-only">Next Page</span>
</button>
</div>
</div>
</div>
</div>
\ No newline at end of file
<div class="form-horizontal container-fluid scheduler" data-initialize="scheduler" role="form" id="myScheduler">
<div class="form-group start-datetime">
<label class="col-sm-2 control-label scheduler-label" for="myStartDate">Start Date</label>
<div class="row col-sm-10">
<div class="col-sm-8 form-group">
<div class="datepicker start-date">
<div class="input-group">
<input class="form-control" id="myStartDate" type="text"/>
<div class="input-group-btn">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
<span class="glyphicon glyphicon-calendar"></span>
<span class="sr-only">Toggle Calendar</span>
</button>
<div class="dropdown-menu dropdown-menu-right datepicker-calendar-wrapper" role="menu">
<div class="datepicker-calendar">
<div class="datepicker-calendar-header">
<button class="prev"><span class="glyphicon glyphicon-chevron-left"></span><span class="sr-only">Previous Month</span></button>
<button class="next"><span class="glyphicon glyphicon-chevron-right"></span><span class="sr-only">Next Month</span></button>
<button class="title">
<span class="month">
<span data-month="0">January</span>
<span data-month="1">February</span>
<span data-month="2">March</span>
<span data-month="3">April</span>
<span data-month="4">May</span>
<span data-month="5">June</span>
<span data-month="6">July</span>
<span data-month="7">August</span>
<span data-month="8">September</span>
<span data-month="9">October</span>
<span data-month="10">November</span>
<span data-month="11">December</span>
</span> <span class="year"></span>
</button>
</div>
<table class="datepicker-calendar-days">
<thead>
<tr>
<th>Su</th>
<th>Mo</th>
<th>Tu</th>
<th>We</th>
<th>Th</th>
<th>Fr</th>
<th>Sa</th>
</tr>
</thead>
<tbody></tbody>
</table>
<div class="datepicker-calendar-footer">
<button class="datepicker-today">Today</button>
</div>
</div>
<div class="datepicker-wheels" aria-hidden="true">
<div class="datepicker-wheels-month">
<h2 class="header">Month</h2>
<ul>
<li data-month="0"><button>Jan</button></li>
<li data-month="1"><button>Feb</button></li>
<li data-month="2"><button>Mar</button></li>
<li data-month="3"><button>Apr</button></li>
<li data-month="4"><button>May</button></li>
<li data-month="5"><button>Jun</button></li>
<li data-month="6"><button>Jul</button></li>
<li data-month="7"><button>Aug</button></li>
<li data-month="8"><button>Sep</button></li>
<li data-month="9"><button>Oct</button></li>
<li data-month="10"><button>Nov</button></li>
<li data-month="11"><button>Dec</button></li>
</ul>
</div>
<div class="datepicker-wheels-year">
<h2 class="header">Year</h2>
<ul></ul>
</div>
<div class="datepicker-wheels-footer clearfix">
<button class="btn datepicker-wheels-back"><span class="glyphicon glyphicon-arrow-left"></span><span class="sr-only">Return to Calendar</span></button>
<button type="button" class="btn datepicker-wheels-select">Select <span class="sr-only">Month and Year</span></button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-4 form-group">
<label class="sr-only" for="MyStartTime">Start Time</label>
<div class="input-group combobox start-time">
<input id="myStartTime" type="text" class="form-control" />
<div class="input-group-btn">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
<span class="caret"></span>
<span class="sr-only">Toggle Dropdown</span>
</button>
<ul class="dropdown-menu dropdown-menu-right" role="menu">
<li data-value="12:00 AM"><a href="#">12:00 AM</a></li>
<li data-value="12:30 AM"><a href="#">12:30 AM</a></li>
<li data-value="1:00 AM"><a href="#">1:00 AM</a></li>
<li data-value="1:30 AM"><a href="#">1:30 AM</a></li>
<li data-value="2:00 AM"><a href="#">2:00 AM</a></li>
<li data-value="2:30 AM"><a href="#">2:30 AM</a></li>
<li data-value="3:00 AM"><a href="#">3:00 AM</a></li>
<li data-value="3:30 AM"><a href="#">3:30 AM</a></li>
<li data-value="4:00 AM"><a href="#">4:00 AM</a></li>
<li data-value="4:30 AM"><a href="#">4:30 AM</a></li>
<li data-value="5:00 AM"><a href="#">5:00 AM</a></li>
<li data-value="5:30 AM"><a href="#">5:30 AM</a></li>
<li data-value="6:00 AM"><a href="#">6:00 AM</a></li>
<li data-value="6:30 AM"><a href="#">6:30 AM</a></li>
<li data-value="7:00 AM"><a href="#">7:00 AM</a></li>
<li data-value="7:30 AM"><a href="#">7:30 AM</a></li>
<li data-value="8:00 AM"><a href="#">8:00 AM</a></li>
<li data-value="8:30 AM"><a href="#">8:30 AM</a></li>
<li data-value="9:00 AM"><a href="#">9:00 AM</a></li>
<li data-value="9:30 AM"><a href="#">9:30 AM</a></li>
<li data-value="10:00 AM"><a href="#">10:00 AM</a></li>
<li data-value="10:30 AM"><a href="#">10:30 AM</a></li>
<li data-value="11:00 AM"><a href="#">11:00 AM</a></li>
<li data-value="11:30 AM"><a href="#">11:30 AM</a></li>
<li data-value="12:00 PM"><a href="#">12:00 PM</a></li>
<li data-value="12:30 PM"><a href="#">12:30 PM</a></li>
<li data-value="1:00 PM"><a href="#">1:00 PM</a></li>
<li data-value="1:30 PM"><a href="#">1:30 PM</a></li>
<li data-value="2:00 PM"><a href="#">2:00 PM</a></li>
<li data-value="2:30 PM"><a href="#">2:30 PM</a></li>
<li data-value="3:00 PM"><a href="#">3:00 PM</a></li>
<li data-value="3:30 PM"><a href="#">3:30 PM</a></li>
<li data-value="4:00 PM"><a href="#">4:00 PM</a></li>
<li data-value="4:30 PM"><a href="#">4:30 PM</a></li>
<li data-value="5:00 PM"><a href="#">5:00 PM</a></li>
<li data-value="5:30 PM"><a href="#">5:30 PM</a></li>
<li data-value="6:00 PM"><a href="#">6:00 PM</a></li>
<li data-value="6:30 PM"><a href="#">6:30 PM</a></li>
<li data-value="7:00 PM"><a href="#">7:00 PM</a></li>
<li data-value="7:30 PM"><a href="#">7:30 PM</a></li>
<li data-value="8:00 PM"><a href="#">8:00 PM</a></li>
<li data-value="8:30 PM"><a href="#">8:30 PM</a></li>
<li data-value="9:00 PM"><a href="#">9:00 PM</a></li>
<li data-value="9:30 PM"><a href="#">9:30 PM</a></li>
<li data-value="10:00 PM"><a href="#">10:00 PM</a></li>
<li data-value="10:30 PM"><a href="#">10:30 PM</a></li>
<li data-value="11:00 PM"><a href="#">11:00 PM</a></li>
<li data-value="11:30 PM"><a href="#">11:30 PM</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="row form-group timezone-container">
<label class="col-sm-2 control-label scheduler-label">Timezone</label>
<div class="col-xs-12 col-sm-10 col-md-10">
<div data-resize="auto" class="btn-group selectlist timezone">
<button data-toggle="dropdown" class="btn btn-default dropdown-toggle" type="button">
<span class="selected-label" style="width: 67px;">(GMT-06:00) Central Standard Time</span>
<span class="caret"></span>
<span class="sr-only">Toggle Dropdown</span>
</button>
<ul class="dropdown-menu" role="menu">
<li data-name="Central Standard Time (no DST)" data-offset="-06:00"><a href="#">(GMT-06:00) Central Standard Time</a></li>
<li data-name="Morocco Standard Time" data-offset="+00:00"><a href="#">(GMT) Casablanca *</a></li>
<li data-name="GMT Standard Time" data-offset="+00:00"><a href="#">(GMT) Greenwich Mean Time : Dublin, Edinburgh, Lisbon, London *</a></li>
<li data-name="Greenwich Standard Time" data-offset="+00:00"><a href="#">(GMT) Monrovia, Reykjavik</a></li>
<li data-name="W. Europe Standard Time" data-offset="+01:00"><a href="#">(GMT+01:00) Amsterdam, Berlin, Bern, Rome, Stockholm, Vienna *</a></li>
<li data-name="Central Europe Standard Time" data-offset="+01:00"><a href="#">(GMT+01:00) Belgrade, Bratislava, Budapest, Ljubljana, Prague *</a></li>
<li data-name="Romance Standard Time" data-offset="+01:00"><a href="#">(GMT+01:00) Brussels, Copenhagen, Madrid, Paris *</a></li>
<li data-name="Central European Standard Time" data-offset="+01:00"><a href="#">(GMT+01:00) Sarajevo, Skopje, Warsaw, Zagreb *</a></li>
<li data-name="W. Central Africa Standard Time" data-offset="+01:00"><a href="#">(GMT+01:00) West Central Africa</a></li>
<li data-name="Jordan Standard Time" data-offset="+02:00"><a href="#">(GMT+02:00) Amman *</a></li>
<li data-name="GTB Standard Time" data-offset="+02:00"><a href="#">(GMT+02:00) Athens, Bucharest, Istanbul *</a></li>
<li data-name="Middle East Standard Time" data-offset="+02:00"><a href="#">(GMT+02:00) Beirut *</a></li>
<li data-name="Egypt Standard Time" data-offset="+02:00"><a href="#">(GMT+02:00) Cairo *</a></li>
<li data-name="South Africa Standard Time" data-offset="+02:00"><a href="#">(GMT+02:00) Harare, Pretoria</a></li>
<li data-name="FLE Standard Time" data-offset="+02:00"><a href="#">(GMT+02:00) Helsinki, Kyiv, Riga, Sofia, Tallinn, Vilnius *</a></li>
<li data-name="Israel Standard Time" data-offset="+02:00"><a href="#">(GMT+02:00) Jerusalem *</a></li>
<li data-name="E. Europe Standard Time" data-offset="+02:00"><a href="#">(GMT+02:00) Minsk *</a></li>
<li data-name="Namibia Standard Time" data-offset="+02:00"><a href="#">(GMT+02:00) Windhoek *</a></li>
<li data-name="Arabic Standard Time" data-offset="+03:00"><a href="#">(GMT+03:00) Baghdad *</a></li>
<li data-name="Arab Standard Time" data-offset="+03:00"><a href="#">(GMT+03:00) Kuwait, Riyadh</a></li>
<li data-name="Russian Standard Time" data-offset="+03:00"><a href="#">(GMT+03:00) Moscow, St. Petersburg, Volgograd *</a></li>
<li data-name="E. Africa Standard Time" data-offset="+03:00"><a href="#">(GMT+03:00) Nairobi</a></li>
<li data-name="Georgian Standard Time" data-offset="+03:00"><a href="#">(GMT+03:00) Tbilisi</a></li>
<li data-name="Iran Standard Time" data-offset="+03:30"><a href="#">(GMT+03:30) Tehran *</a></li>
<li data-name="Arabian Standard Time" data-offset="+04:00"><a href="#">(GMT+04:00) Abu Dhabi, Muscat</a></li>
<li data-name="Azerbaijan Standard Time" data-offset="+04:00"><a href="#">(GMT+04:00) Baku *</a></li>
<li data-name="Caucasus Standard Time" data-offset="+04:00"><a href="#">(GMT+04:00) Caucasus Standard Time</a></li>
<li data-name="Mauritius Standard Time" data-offset="+04:00"><a href="#">(GMT+04:00) Port Louis *</a></li>
<li data-name="Caucasus Standard Time" data-offset="+04:00"><a href="#">(GMT+04:00) Yerevan</a></li>
<li data-name="Afghanistan Standard Time" data-offset="+04:30"><a href="#">(GMT+04:30) Kabul</a></li>
<li data-name="Ekaterinburg Standard Time" data-offset="+05:00"><a href="#">(GMT+05:00) Ekaterinburg *</a></li>
<li data-name="Pakistan Standard Time" data-offset="+05:00"><a href="#">(GMT+05:00) Islamabad, Karachi *</a></li>
<li data-name="West Asia Standard Time" data-offset="+05:00"><a href="#">(GMT+05:00) Tashkent</a></li>
<li data-name="India Standard Time" data-offset="+05:30"><a href="#">(GMT+05:30) Chennai, Kolkata, Mumbai, New Delhi</a></li>
<li data-name="Sri Lanka Standard Time" data-offset="+05:30"><a href="#">(GMT+05:30) Sri Jayawardenepura</a></li>
<li data-name="Nepal Standard Time" data-offset="+05:45"><a href="#">(GMT+05:45) Kathmandu</a></li>
<li data-name="N. Central Asia Standard Time" data-offset="+06:00"><a href="#">(GMT+06:00) Almaty, Novosibirsk *</a></li>
<li data-name="Central Asia Standard Time" data-offset="+06:00"><a href="#">(GMT+06:00) Astana, Dhaka</a></li>
<li data-name="Myanmar Standard Time" data-offset="+06:00"><a href="#">(GMT+06:30) Yangon (Rangoon)</a></li>
<li data-name="SE Asia Standard Time" data-offset="+07:00"><a href="#">(GMT+07:00) Bangkok, Hanoi, Jakarta</a></li>
<li data-name="North Asia Standard Time" data-offset="+07:00"><a href="#">(GMT+07:00) Krasnoyarsk *</a></li>
<li data-name="China Standard Time" data-offset="+08:00"><a href="#">(GMT+08:00) Beijing, Chongqing, Hong Kong, Urumqi</a></li>
<li data-name="North Asia East Standard Time" data-offset="+08:00"><a href="#">(GMT+08:00) Irkutsk, Ulaan Bataar *</a></li>
<li data-name="Singapore Standard Time" data-offset="+08:00"><a href="#">(GMT+08:00) Kuala Lumpur, Singapore</a></li>
<li data-name="W. Australia Standard Time" data-offset="+08:00"><a href="#">(GMT+08:00) Perth *</a></li>
<li data-name="Taipei Standard Time" data-offset="+08:00"><a href="#">(GMT+08:00) Taipei</a></li>
<li data-name="Tokyo Standard Time" data-offset="+09:00"><a href="#">(GMT+09:00) Osaka, Sapporo, Tokyo</a></li>
<li data-name="Korea Standard Time" data-offset="+09:00"><a href="#">(GMT+09:00) Seoul</a></li>
<li data-name="Yakutsk Standard Time" data-offset="+09:00"><a href="#">(GMT+09:00) Yakutsk *</a></li>
<li data-name="Cen. Australia Standard Time" data-offset="+09:30"><a href="#">(GMT+09:30) Adelaide *</a></li>
<li data-name="AUS Central Standard Time" data-offset="+09:30"><a href="#">(GMT+09:30) Darwin</a></li>
<li data-name="E. Australia Standard Time" data-offset="+10:00"><a href="#">(GMT+10:00) Brisbane</a></li>
<li data-name="AUS Eastern Standard Time" data-offset="+10:00"><a href="#">(GMT+10:00) Canberra, Melbourne, Sydney *</a></li>
<li data-name="West Pacific Standard Time" data-offset="+10:00"><a href="#">(GMT+10:00) Guam, Port Moresby</a></li>
<li data-name="Tasmania Standard Time" data-offset="+10:00"><a href="#">(GMT+10:00) Hobart *</a></li>
<li data-name="Vladivostok Standard Time" data-offset="+10:00"><a href="#">(GMT+10:00) Vladivostok *</a></li>
<li data-name="Central Pacific Standard Time" data-offset="+11:00"><a href="#">(GMT+11:00) Magadan, Solomon Is., New Caledonia</a></li>
<li data-name="New Zealand Standard Time" data-offset="+12:00"><a href="#">(GMT+12:00) Auckland, Wellington *</a></li>
<li data-name="Fiji Standard Time" data-offset="+12:00"><a href="#">(GMT+12:00) Fiji, Kamchatka, Marshall Is.</a></li>
<li data-name="Tonga Standard Time" data-offset="+12:00"><a href="#">(GMT+13:00) Nukualofa</a></li>
<li data-name="Azores Standard Time" data-offset="+12:00"><a href="#">(GMT-01:00) Azores *</a></li>
<li data-name="Cape Verde Standard Time" data-offset="-01:00"><a href="#">(GMT-01:00) Cape Verde Is.</a></li>
<li data-name="Mid-Atlantic Standard Time" data-offset="-02:00"><a href="#">(GMT-02:00) Mid-Atlantic *</a></li>
<li data-name="E. South America Standard Time" data-offset="-03:00"><a href="#">(GMT-03:00) Brasilia *</a></li>
<li data-name="Argentina Standard Time" data-offset="-03:00"><a href="#">(GMT-03:00) Buenos Aires *</a></li>
<li data-name="SA Western Standard Time" data-offset="-03:00"><a href="#">(GMT-03:00) Georgetown</a></li>
<li data-name="Greenland Standard Time" data-offset="-03:00"><a href="#">(GMT-03:00) Greenland *</a></li>
<li data-name="Montevideo Standard Time" data-offset="-03:00"><a href="#">(GMT-03:00) Montevideo *</a></li>
<li data-name="Newfoundland Standard Time" data-offset="-03:00"><a href="#">(GMT-03:30) Newfoundland *</a></li>
<li data-name="Atlantic Standard Time" data-offset="-04:00"><a href="#">(GMT-04:00) Atlantic Time (Canada) *</a></li>
<li data-name="SA Western Standard Time" data-offset="-04:00"><a href="#">(GMT-04:00) La Paz</a></li>
<li data-name="Central Brazilian Standard Time" data-offset="-04:00"><a href="#">(GMT-04:00) Manaus *</a></li>
<li data-name="Pacific SA Standard Time" data-offset="-04:00"><a href="#">(GMT-04:00) Santiago *</a></li>
<li data-name="Venezuela Standard Time" data-offset="-04:30"><a href="#">(GMT-04:30) Caracas</a></li>
<li data-name="SA Pacific Standard Time" data-offset="-05:00"><a href="#">(GMT-05:00) Bogota, Lima, Quito, Rio Branco</a></li>
<li data-name="Eastern Standard Time" data-offset="-05:00"><a href="#">(GMT-05:00) Eastern Time (US &amp; Canada) *</a></li>
<li data-name="US Eastern Standard Time" data-offset="-05:00"><a href="#">(GMT-05:00) Indiana (East)</a></li>
<li data-name="Central America Standard Time" data-offset="-06:00"><a href="#">(GMT-06:00) Central America</a></li>
<li data-name="Central Standard Time" data-offset="-06:00"><a href="#">(GMT-06:00) Central Time (US &amp; Canada) *</a></li>
<li data-name="Central Standard Time (Mexico)" data-offset="-06:00"><a href="#">(GMT-06:00) Guadalajara, Mexico City, Monterrey - New *</a></li>
<li data-name="Central Standard Time (Mexico)" data-offset="-06:00"><a href="#">(GMT-06:00) Guadalajara, Mexico City, Monterrey - Old</a></li>
<li data-name="Canada Central Standard Time" data-offset="-06:00"><a href="#">(GMT-06:00) Saskatchewan</a></li>
<li data-name="US Mountain Standard Time" data-offset="-07:00"><a href="#">(GMT-07:00) Arizona</a></li>
<li data-name="Mountain Standard Time (Mexico)" data-offset="-07:00"><a href="#">(GMT-07:00) Chihuahua, La Paz, Mazatlan - New *</a></li>
<li data-name="Mountain Standard Time (Mexico)" data-offset="-07:00"><a href="#">(GMT-07:00) Chihuahua, La Paz, Mazatlan - Old</a></li>
<li data-name="Mountain Standard Time" data-offset="-07:00"><a href="#">(GMT-07:00) Mountain Time (US &amp; Canada) *</a></li>
<li data-name="Pacific Standard Time" data-offset="-08:00"><a href="#">(GMT-08:00) Pacific Time (US &amp; Canada) *</a></li>
<li data-name="Pacific Standard Time (Mexico)" data-offset="-08:00"><a href="#">(GMT-08:00) Tijuana, Baja California *</a></li>
<li data-name="Alaskan Standard Time" data-offset="-09:00"><a href="#">(GMT-09:00) Alaska *</a></li>
<li data-name="Hawaiian Standard Time" data-offset="-10:00"><a href="#">(GMT-10:00) Hawaii</a></li>
<li data-name="Samoa Standard Time" data-offset="-11:00"><a href="#">(GMT-11:00) Midway Island, Samoa</a></li>
<li data-name="Dateline Standard Time" data-offset="-12:00"><a href="#">(GMT-12:00) International Date Line West</a></li>
</ul>
<input type="text" aria-hidden="true" readonly="readonly" name="TimeZoneSelectlist" class="hidden hidden-field">
</div>
</div>
</div>
<div class="form-group repeat-container">
<label class="col-sm-2 control-label scheduler-label">Repeat</label>
<div class="col-sm-10">
<div class="form-group repeat-interval">
<div data-resize="auto" class="btn-group selectlist pull-left repeat-options">
<button data-toggle="dropdown" class="btn btn-default dropdown-toggle" type="button">
<span class="selected-label">None (run once)</span>
<span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu">
<li data-value="none"><a href="#">None (run once)</a></li>
<li data-value="hourly" data-text="hour(s)"><a href="#">Hourly</a></li>
<li data-value="daily" data-text="day(s)"><a href="#">Daily</a></li>
<li data-value="weekdays"><a href="#">Weekdays</a></li>
<li data-value="weekly" data-text="week(s)"><a href="#">Weekly</a></li>
<li data-value="monthly" data-text="month(s)"><a href="#">Monthly</a></li>
<li data-value="yearly"><a href="#">Yearly</a></li>
</ul>
<input type="text" aria-hidden="true" readonly="readonly" name="intervalSelectlist" class="hidden hidden-field">
</div>
<div class="repeat-panel repeat-every-panel repeat-hourly repeat-daily repeat-weekly hide" aria-hidden="true">
<label id="MySchedulerEveryLabel" class="inline-form-text repeat-every-pretext">every</label>
<div class="spinbox digits-3 repeat-every">
<input type="text" class="form-control input-mini spinbox-input" aria-labelledby="MySchedulerEveryLabel">
<div class="spinbox-buttons btn-group btn-group-vertical">
<button type="button" class="btn btn-default spinbox-up btn-xs">
<span class="glyphicon glyphicon-chevron-up"></span><span class="sr-only">Increase</span>
</button>
<button type="button" class="btn btn-default spinbox-down btn-xs">
<span class="glyphicon glyphicon-chevron-down"></span><span class="sr-only">Decrease</span>
</button>
</div>
</div>
<div class="inline-form-text repeat-every-text"></div>
</div>
</div>
<div class="form-group repeat-panel repeat-weekly repeat-days-of-the-week hide" aria-hidden="true">
<fieldset class="btn-group" data-toggle="buttons">
<label class="btn btn-default">
<input type="checkbox" data-value="SU">Sun
</label>
<label class="btn btn-default">
<input type="checkbox" data-value="MO">Mon
</label>
<label class="btn btn-default">
<input type="checkbox" data-value="TU">Tue
</label>
<label class="btn btn-default">
<input type="checkbox" data-value="WE"> Wed
</label>
<label class="btn btn-default">
<input type="checkbox" data-value="TH"> Thu
</label>
<label class="btn btn-default">
<input type="checkbox" data-value="FR"> Fri
</label>
<label class="btn btn-default">
<input type="checkbox" data-value="SA"> Sat
</label>
</fieldset>
</div>
<div class="repeat-panel repeat-monthly hide" aria-hidden="true">
<div class="form-group repeat-monthly-date">
<div class="radio pull-left">
<label class="radio-custom">
<input class="sr-only" type="radio" checked="checked" name="repeat-monthly" value="bymonthday">
<span class="radio-label">on day</span>
</label>
</div>
<div data-resize="auto" class="btn-group selectlist pull-left">
<button data-toggle="dropdown" class="btn btn-default dropdown-toggle" type="button">
<span class="selected-label">1</span>
<span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu" style="height:200px; overflow:auto;">
<li data-value="1"><a href="#">1</a></li>
<li data-value="2"><a href="#">2</a></li>
<li data-value="3"><a href="#">3</a></li>
<li data-value="4"><a href="#">4</a></li>
<li data-value="5"><a href="#">5</a></li>
<li data-value="6"><a href="#">6</a></li>
<li data-value="7"><a href="#">7</a></li>
<li data-value="8"><a href="#">8</a></li>
<li data-value="9"><a href="#">9</a></li>
<li data-value="10"><a href="#">10</a></li>
<li data-value="11"><a href="#">11</a></li>
<li data-value="12"><a href="#">12</a></li>
<li data-value="13"><a href="#">13</a></li>
<li data-value="14"><a href="#">14</a></li>
<li data-value="15"><a href="#">15</a></li>
<li data-value="16"><a href="#">16</a></li>
<li data-value="17"><a href="#">17</a></li>
<li data-value="18"><a href="#">18</a></li>
<li data-value="19"><a href="#">19</a></li>
<li data-value="20"><a href="#">20</a></li>
<li data-value="21"><a href="#">21</a></li>
<li data-value="22"><a href="#">22</a></li>
<li data-value="23"><a href="#">23</a></li>
<li data-value="24"><a href="#">24</a></li>
<li data-value="25"><a href="#">25</a></li>
<li data-value="26"><a href="#">26</a></li>
<li data-value="27"><a href="#">27</a></li>
<li data-value="28"><a href="#">28</a></li>
<li data-value="29"><a href="#">29</a></li>
<li data-value="30"><a href="#">30</a></li>
<li data-value="31"><a href="#">31</a></li>
</ul>
<input type="text" aria-hidden="true" readonly="readonly" name="monthlySelectlist" class="hidden hidden-field">
</div>
</div>
<div class="repeat-monthly-day form-group">
<div class="radio pull-left">
<label class="radio-custom">
<input class="sr-only" type="radio" checked="checked" name="repeat-monthly" value="bysetpos">
<span class="radio-label">on the</span>
</label>
</div>
<div data-resize="auto" class="btn-group selectlist month-day-pos pull-left">
<button data-toggle="dropdown" class="btn btn-default dropdown-toggle" type="button">
<span class="selected-label">First</span>
<span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu">
<li data-value="1"><a href="#">First</a></li>
<li data-value="2"><a href="#">Second</a></li>
<li data-value="3"><a href="#">Third</a></li>
<li data-value="4"><a href="#">Fourth</a></li>
<li data-value="-1"><a href="#">Last</a></li>
</ul>
<input type="text" aria-hidden="true" readonly="readonly" name="monthlySelectlist" class="hidden hidden-field">
</div>
<div data-resize="auto" class="btn-group selectlist month-days pull-left">
<button data-toggle="dropdown" class="btn btn-default dropdown-toggle" type="button">
<span class="selected-label">Sunday</span>
<span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu">
<li data-value="SU"><a href="#">Sunday</a></li>
<li data-value="MO"><a href="#">Monday</a></li>
<li data-value="TU"><a href="#">Tuesday</a></li>
<li data-value="WE"><a href="#">Wednesday</a></li>
<li data-value="TH"><a href="#">Thursday</a></li>
<li data-value="FR"><a href="#">Friday</a></li>
<li data-value="SA"><a href="#">Saturday</a></li>
<li data-value="SU,MO,TU,WE,TH,FR,SA"><a href="#">Day</a></li>
<li data-value="MO,TU,WE,TH,FR"><a href="#">Weekday</a></li>
<li data-value="SU,SA"><a href="#">Weekend day</a></li>
</ul>
<input type="text" aria-hidden="true" readonly="readonly" name="monthlySelectlist" class="hidden hidden-field">
</div>
</div>
</div>
<div class="repeat-panel repeat-yearly hide" aria-hidden="true">
<div class="form-group repeat-yearly-date">
<div class="radio pull-left">
<label class="radio-custom">
<input class="sr-only" type="radio" checked="checked" name="repeat-yearly" value="bymonthday">
<span class="radio-label">on</span>
</label>
</div>
<div data-resize="auto" class="btn-group selectlist year-month pull-left">
<button data-toggle="dropdown" class="btn btn-default dropdown-toggle" type="button">
<span class="selected-label">January</span>
<span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu">
<li data-value="1"><a href="#">January</a></li>
<li data-value="2"><a href="#">February</a></li>
<li data-value="3"><a href="#">March</a></li>
<li data-value="4"><a href="#">April</a></li>
<li data-value="5"><a href="#">May</a></li>
<li data-value="6"><a href="#">June</a></li>
<li data-value="7"><a href="#">July</a></li>
<li data-value="8"><a href="#">August</a></li>
<li data-value="9"><a href="#">September</a></li>
<li data-value="10"><a href="#">October</a></li>
<li data-value="11"><a href="#">November</a></li>
<li data-value="12"><a href="#">December</a></li>
</ul>
<input type="text" aria-hidden="true" readonly="readonly" name="monthlySelectlist" class="hidden hidden-field">
</div>
<div data-resize="auto" class="btn-group selectlist year-month-day pull-left">
<button data-toggle="dropdown" class="btn btn-default dropdown-toggle" type="button">
<span class="selected-label">1</span>
<span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu" style="height:200px; overflow:auto;">
<li data-value="1"><a href="#">1</a></li>
<li data-value="2"><a href="#">2</a></li>
<li data-value="3"><a href="#">3</a></li>
<li data-value="4"><a href="#">4</a></li>
<li data-value="5"><a href="#">5</a></li>
<li data-value="6"><a href="#">6</a></li>
<li data-value="7"><a href="#">7</a></li>
<li data-value="8"><a href="#">8</a></li>
<li data-value="9"><a href="#">9</a></li>
<li data-value="10"><a href="#">10</a></li>
<li data-value="11"><a href="#">11</a></li>
<li data-value="12"><a href="#">12</a></li>
<li data-value="13"><a href="#">13</a></li>
<li data-value="14"><a href="#">14</a></li>
<li data-value="15"><a href="#">15</a></li>
<li data-value="16"><a href="#">16</a></li>
<li data-value="17"><a href="#">17</a></li>
<li data-value="18"><a href="#">18</a></li>
<li data-value="19"><a href="#">19</a></li>
<li data-value="20"><a href="#">20</a></li>
<li data-value="21"><a href="#">21</a></li>
<li data-value="22"><a href="#">22</a></li>
<li data-value="23"><a href="#">23</a></li>
<li data-value="24"><a href="#">24</a></li>
<li data-value="25"><a href="#">25</a></li>
<li data-value="26"><a href="#">26</a></li>
<li data-value="27"><a href="#">27</a></li>
<li data-value="28"><a href="#">28</a></li>
<li data-value="29"><a href="#">29</a></li>
<li data-value="30"><a href="#">30</a></li>
<li data-value="31"><a href="#">31</a></li>
</ul>
<input type="text" aria-hidden="true" readonly="readonly" name="monthlySelectlist" class="hidden hidden-field">
</div>
</div>
<div class="form-group repeat-yearly-day">
<div class="radio pull-left"><label class="radio-custom"><input class="sr-only" type="radio" name="repeat-yearly" value="bysetpos"> on the</label></div>
<div data-resize="auto" class="btn-group selectlist year-month-day-pos pull-left">
<button data-toggle="dropdown" class="btn btn-default dropdown-toggle" type="button">
<span class="selected-label">First</span>
<span class="caret"></span>
<span class="sr-only">First</span>
</button>
<ul class="dropdown-menu" role="menu">
<li data-value="1"><a href="#">First</a></li>
<li data-value="2"><a href="#">Second</a></li>
<li data-value="3"><a href="#">Third</a></li>
<li data-value="4"><a href="#">Fourth</a></li>
<li data-value="-1"><a href="#">Last</a></li>
</ul>
<input type="text" aria-hidden="true" readonly="readonly" name="yearlyDateSelectlist" class="hidden hidden-field">
</div>
<div data-resize="auto" class="btn-group selectlist year-month-days pull-left">
<button data-toggle="dropdown" class="btn btn-default dropdown-toggle" type="button">
<span class="selected-label">Sunday</span>
<span class="caret"></span>
<span class="sr-only">Sunday</span>
</button>
<ul class="dropdown-menu" role="menu" style="height:200px; overflow:auto;">
<li data-value="SU"><a href="#">Sunday</a></li>
<li data-value="MO"><a href="#">Monday</a></li>
<li data-value="TU"><a href="#">Tuesday</a></li>
<li data-value="WE"><a href="#">Wednesday</a></li>
<li data-value="TH"><a href="#">Thursday</a></li>
<li data-value="FR"><a href="#">Friday</a></li>
<li data-value="SA"><a href="#">Saturday</a></li>
<li data-value="SU,MO,TU,WE,TH,FR,SA"><a href="#">Day</a></li>
<li data-value="MO,TU,WE,TH,FR"><a href="#">Weekday</a></li>
<li data-value="SU,SA"><a href="#">Weekend day</a></li>
</ul>
<input type="text" aria-hidden="true" readonly="readonly" name="yearlyDaySelectlist" class="hidden hidden-field">
</div>
<div class="inline-form-text repeat-yearly-day-text"> of </div>
<div data-resize="auto" class="btn-group selectlist year-month pull-left">
<button data-toggle="dropdown" class="btn btn-default dropdown-toggle" type="button">
<span class="selected-label">January</span>
<span class="caret"></span>
<span class="sr-only">January</span>
</button>
<ul class="dropdown-menu" role="menu" style="height:200px; overflow:auto;">
<li data-value="1"><a href="#">January</a></li>
<li data-value="2"><a href="#">February</a></li>
<li data-value="3"><a href="#">March</a></li>
<li data-value="4"><a href="#">April</a></li>
<li data-value="5"><a href="#">May</a></li>
<li data-value="6"><a href="#">June</a></li>
<li data-value="7"><a href="#">July</a></li>
<li data-value="8"><a href="#">August</a></li>
<li data-value="9"><a href="#">September</a></li>
<li data-value="10"><a href="#">October</a></li>
<li data-value="11"><a href="#">November</a></li>
<li data-value="12"><a href="#">December</a></li>
</ul>
<input type="text" aria-hidden="true" readonly="readonly" name="yearlyDaySelectlist" class="hidden hidden-field">
</div>
</div>
</div>
</div>
</div>
<div class="form-group repeat-end hide" aria-hidden="true">
<label class="col-sm-2 control-label scheduler-label">End</label>
<div class="col-sm-10 row">
<div class="col-sm-3 form-group">
<div data-resize="auto" class="btn-group selectlist end-options pull-left">
<button data-toggle="dropdown" class="btn btn-default dropdown-toggle" type="button">
<span class="selected-label">Never</span>
<span class="caret"></span>
<span class="sr-only">Never</span>
</button>
<ul class="dropdown-menu" role="menu">
<li data-value="never"><a href="#">Never</a></li>
<li data-value="after"><a href="#">After</a></li>
<li data-value="date"><a href="#">On date</a></li>
</ul>
<input type="text" aria-hidden="true" readonly="readonly" name="EndSelectlist" class="hidden hidden-field">
</div>
</div>
<div class="col-sm-6 form-group end-option-panel end-after-panel pull-left hide" aria-hidden="true">
<div class="spinbox digits-3 end-after">
<label id="MyEndAfter" class="sr-only">End After</label>
<input type="text" class="form-control input-mini spinbox-input" aria-labelledby="MyEndAfter">
<div class="spinbox-buttons btn-group btn-group-vertical">
<button type="button" class="btn btn-default spinbox-up btn-xs">
<span class="glyphicon glyphicon-chevron-up"></span><span class="sr-only">Increase</span>
</button>
<button type="button" class="btn btn-default spinbox-down btn-xs">
<span class="glyphicon glyphicon-chevron-down"></span><span class="sr-only">Decrease</span>
</button>
</div>
</div>
<div class="inline-form-text end-after-text">occurrence(s)</div>
</div>
<div class="col-sm-8 form-group end-option-panel end-on-date-panel pull-left hide" aria-hidden="true">
<div class="datepicker input-group end-on-date">
<div class="input-group">
<input class="form-control" type="text"/>
<div class="input-group-btn">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
<span class="glyphicon glyphicon-calendar"></span>
<span class="sr-only">Toggle Calendar</span>
</button>
<div class="dropdown-menu dropdown-menu-right datepicker-calendar-wrapper" role="menu">
<div class="datepicker-calendar">
<div class="datepicker-calendar-header">
<button class="prev"><span class="glyphicon glyphicon-chevron-left"></span><span class="sr-only">Previous Month</span></button>
<button class="next"><span class="glyphicon glyphicon-chevron-right"></span><span class="sr-only">Next Month</span></button>
<button class="title">
<span class="month">
<span data-month="0">January</span>
<span data-month="1">February</span>
<span data-month="2">March</span>
<span data-month="3">April</span>
<span data-month="4">May</span>
<span data-month="5">June</span>
<span data-month="6">July</span>
<span data-month="7">August</span>
<span data-month="8">September</span>
<span data-month="9">October</span>
<span data-month="10">November</span>
<span data-month="11">December</span>
</span> <span class="year"></span>
</button>
</div>
<table class="datepicker-calendar-days">
<thead>
<tr>
<th>Su</th>
<th>Mo</th>
<th>Tu</th>
<th>We</th>
<th>Th</th>
<th>Fr</th>
<th>Sa</th>
</tr>
</thead>
<tbody></tbody>
</table>
<div class="datepicker-calendar-footer">
<button class="datepicker-today">Today</button>
</div>
</div>
<div class="datepicker-wheels" aria-hidden="true">
<div class="datepicker-wheels-month">
<h2 class="header">Month</h2>
<ul>
<li data-month="0"><button>Jan</button></li>
<li data-month="1"><button>Feb</button></li>
<li data-month="2"><button>Mar</button></li>
<li data-month="3"><button>Apr</button></li>
<li data-month="4"><button>May</button></li>
<li data-month="5"><button>Jun</button></li>
<li data-month="6"><button>Jul</button></li>
<li data-month="7"><button>Aug</button></li>
<li data-month="8"><button>Sep</button></li>
<li data-month="9"><button>Oct</button></li>
<li data-month="10"><button>Nov</button></li>
<li data-month="11"><button>Dec</button></li>
</ul>
</div>
<div class="datepicker-wheels-year">
<h2 class="header">Year</h2>
<ul></ul>
</div>
<div class="datepicker-wheels-footer clearfix">
<button class="btn datepicker-wheels-back"><span class="glyphicon glyphicon-arrow-left"></span><span class="sr-only">Return to Calendar</span></button>
<button type="button" class="btn datepicker-wheels-select">Select <span class="sr-only">Month and Year</span></button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="search input-group" data-initialize="search" role="search" id="mySearch">
<input type="search" class="form-control" placeholder="Search"/>
<span class="input-group-btn">
<button class="btn btn-default" type="button">
<span class="glyphicon glyphicon-search"></span>
<span class="sr-only">Search</span>
</button>
</span>
</div>
\ No newline at end of file
//Has selected item upon initialization
- add 'data-selected="true"' to desired 'ul.dropdown-menu li' tag
//Auto resizing
- add 'data-resize="auto"' to 'selectlist' classed element
\ No newline at end of file
<div class="btn-group selectlist" data-initialize="selectlist" data-resize="auto" id="mySelectlist">
<button class="btn btn-default dropdown-toggle" data-toggle="dropdown" type="button">
<span class="selected-label">&nbsp;</span>
<span class="caret"></span>
<span class="sr-only">Toggle Dropdown</span>
</button>
<ul class="dropdown-menu" role="menu">
<li data-value="1"><a href="#">One</a></li>
<li data-value="2"><a href="#">Two</a></li>
<li data-value="3"><a href="#">Three</a></li>
<li data-value="4"><a href="#">Buzz</a></li>
<li data-value="Item Five" data-foo="bar" data-fizz="buzz"><a href="#">Item Five</a></li>
</ul>
<input class="hidden hidden-field" name="mySelectlist" readonly="readonly" aria-hidden="true" type="text"/>
</div>
\ No newline at end of file
//Has default value to begin with
- add 'value="{{string}}"' to input classed 'spinbox-input'
(ex: 'value="10"')
\ No newline at end of file