<div class="list-wrapper">
<div class="list-header">
<div class="list-header__text">
<h3 class="list-header__title">Mar–Oct, 2018</h3>
<p class="list-header__subtitle">1st and 3rd week</p>
</div>
<ul class="list-header__actions">
<li class="list-header__action-wrapper">
<button class="btn btn-small btn-simple btn-icon-only " type="button">
<span class="btn__inner">
<span class="btn__icon-wrapper">
<?xml version="1.0" encoding="utf-8"?>
<svg
class='btn__icon '
version="1.1"
id="Layer_1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
width="20px"
height="20px"
viewBox="0 0 20 20"
enable-background="new 0 0 20 20"
xml:space="preserve">
<path fill="none" fill-rule="evenodd" clip-rule="evenodd" d="M14.375 17.5H5.625C4.93464 17.5 4.375 16.9404 4.375 16.25V5H15.625V16.25C15.625 16.9404 15.0654 17.5 14.375 17.5Z" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" d="M8.125 13.75V8.75" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" d="M11.875 13.75V8.75" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" d="M1.875 5H18.125" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" fill-rule="evenodd" clip-rule="evenodd" d="M11.875 2.5H8.125C7.43464 2.5 6.875 3.05964 6.875 3.75V5H13.125V3.75C13.125 3.05964 12.5654 2.5 11.875 2.5Z" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</span>
</button>
</li>
<li class="list-header__action-wrapper">
<button class="btn btn-small btn-simple btn-icon-only " type="button">
<span class="btn__inner">
<span class="btn__icon-wrapper">
<?xml version="1.0" encoding="utf-8"?>
<svg
class='btn__icon '
version="1.1"
id="Layer_1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
width="22px"
height="22px"
viewBox="0 0 22 22"
enable-background="new 0 0 22 22"
xml:space="preserve">
<path fill="none" fill-rule="evenodd" clip-rule="evenodd" d="M11.8708 12.7801L8.7775 13.2226L9.21916 10.1284L17.1742 2.17345C17.9064 1.44121 19.0936 1.44121 19.8258 2.17345C20.5581 2.90568 20.5581 4.09287 19.8258 4.82511L11.8708 12.7801Z" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" d="M16.29 3.05762L18.9417 5.70928" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" d="M16.625 12.875V19.125C16.625 19.8154 16.0654 20.375 15.375 20.375H2.875C2.18464 20.375 1.625 19.8154 1.625 19.125V6.625C1.625 5.93464 2.18464 5.375 2.875 5.375H9.125" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</span>
</button>
</li>
</ul>
</div>
<ul class="list ">
<li class="list-item">
<div class="list-item__text-wrapper">
<p class="list-item__title">Mon, Wed, Fri</p>
<p class="list-item__subtitle"><span class="u-ff-proportional-oldstyle">8am–5pm</span></p>
</div>
<div class="list-item__actions-wrapper">
<button class="btn btn-simple btn-small list-item__action btn-icon-only " type="button">
<span class="btn__inner">
<span class="btn__icon-wrapper">
<?xml version="1.0" encoding="utf-8"?>
<svg
class='btn__icon '
version="1.1"
id="Layer_1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
width="20px"
height="20px"
viewBox="0 0 20 20"
enable-background="new 0 0 20 20"
xml:space="preserve">
<path fill="none" fill-rule="evenodd" clip-rule="evenodd" d="M14.375 17.5H5.625C4.93464 17.5 4.375 16.9404 4.375 16.25V5H15.625V16.25C15.625 16.9404 15.0654 17.5 14.375 17.5Z" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" d="M8.125 13.75V8.75" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" d="M11.875 13.75V8.75" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" d="M1.875 5H18.125" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" fill-rule="evenodd" clip-rule="evenodd" d="M11.875 2.5H8.125C7.43464 2.5 6.875 3.05964 6.875 3.75V5H13.125V3.75C13.125 3.05964 12.5654 2.5 11.875 2.5Z" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</span>
</button>
<button class="btn btn-simple btn-small list-item__action btn-icon-only " type="button">
<span class="btn__inner">
<span class="btn__icon-wrapper">
<?xml version="1.0" encoding="utf-8"?>
<svg
class='btn__icon '
version="1.1"
id="Layer_1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
width="22px"
height="22px"
viewBox="0 0 22 22"
enable-background="new 0 0 22 22"
xml:space="preserve">
<path fill="none" fill-rule="evenodd" clip-rule="evenodd" d="M11.8708 12.7801L8.7775 13.2226L9.21916 10.1284L17.1742 2.17345C17.9064 1.44121 19.0936 1.44121 19.8258 2.17345C20.5581 2.90568 20.5581 4.09287 19.8258 4.82511L11.8708 12.7801Z" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" d="M16.29 3.05762L18.9417 5.70928" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" d="M16.625 12.875V19.125C16.625 19.8154 16.0654 20.375 15.375 20.375H2.875C2.18464 20.375 1.625 19.8154 1.625 19.125V6.625C1.625 5.93464 2.18464 5.375 2.875 5.375H9.125" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</span>
</button>
</div>
</li>
<li class="list-item">
<div class="list-item__text-wrapper">
<p class="list-item__title">Sun, Tue, Thu, Sat</p>
<p class="list-item__subtitle">Unavailable</p>
</div>
<div class="list-item__actions-wrapper">
<button class="btn btn-simple btn-small list-item__action btn-icon-only " type="button">
<span class="btn__inner">
<span class="btn__icon-wrapper">
<?xml version="1.0" encoding="utf-8"?>
<svg
class='btn__icon '
version="1.1"
id="Layer_1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
width="20px"
height="20px"
viewBox="0 0 20 20"
enable-background="new 0 0 20 20"
xml:space="preserve">
<path fill="none" fill-rule="evenodd" clip-rule="evenodd" d="M14.375 17.5H5.625C4.93464 17.5 4.375 16.9404 4.375 16.25V5H15.625V16.25C15.625 16.9404 15.0654 17.5 14.375 17.5Z" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" d="M8.125 13.75V8.75" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" d="M11.875 13.75V8.75" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" d="M1.875 5H18.125" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" fill-rule="evenodd" clip-rule="evenodd" d="M11.875 2.5H8.125C7.43464 2.5 6.875 3.05964 6.875 3.75V5H13.125V3.75C13.125 3.05964 12.5654 2.5 11.875 2.5Z" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</span>
</button>
<button class="btn btn-simple btn-small list-item__action btn-icon-only " type="button">
<span class="btn__inner">
<span class="btn__icon-wrapper">
<?xml version="1.0" encoding="utf-8"?>
<svg
class='btn__icon '
version="1.1"
id="Layer_1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
width="22px"
height="22px"
viewBox="0 0 22 22"
enable-background="new 0 0 22 22"
xml:space="preserve">
<path fill="none" fill-rule="evenodd" clip-rule="evenodd" d="M11.8708 12.7801L8.7775 13.2226L9.21916 10.1284L17.1742 2.17345C17.9064 1.44121 19.0936 1.44121 19.8258 2.17345C20.5581 2.90568 20.5581 4.09287 19.8258 4.82511L11.8708 12.7801Z" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" d="M16.29 3.05762L18.9417 5.70928" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" d="M16.625 12.875V19.125C16.625 19.8154 16.0654 20.375 15.375 20.375H2.875C2.18464 20.375 1.625 19.8154 1.625 19.125V6.625C1.625 5.93464 2.18464 5.375 2.875 5.375H9.125" stroke="#0076D6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</span>
</button>
</div>
</li>
</ul> <button class="btn btn-secondary btn-full-width " type="button">
<span class="btn__inner">
<span class="btn__text">Add a Teammate Schedule</span>
</span>
</button>
</div>
<div class="list-wrapper">
{{> @list-header }}
{{> @list }}
{{> @button className="btn-secondary btn-full-width" text="Add a Teammate Schedule"}}
</div>
{
"listHeaderTitle": "Mar–Oct, 2018",
"listHeaderSubtitle": "1st and 3rd week",
"actions": [
{
"icon": "<path fill=\"none\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M14.375 17.5H5.625C4.93464 17.5 4.375 16.9404 4.375 16.25V5H15.625V16.25C15.625 16.9404 15.0654 17.5 14.375 17.5Z\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M8.125 13.75V8.75\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M11.875 13.75V8.75\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M1.875 5H18.125\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M11.875 2.5H8.125C7.43464 2.5 6.875 3.05964 6.875 3.75V5H13.125V3.75C13.125 3.05964 12.5654 2.5 11.875 2.5Z\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>",
"width": "20",
"height": "20",
"class": "btn-small btn-simple"
},
{
"icon": "<path fill=\"none\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M11.8708 12.7801L8.7775 13.2226L9.21916 10.1284L17.1742 2.17345C17.9064 1.44121 19.0936 1.44121 19.8258 2.17345C20.5581 2.90568 20.5581 4.09287 19.8258 4.82511L11.8708 12.7801Z\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M16.29 3.05762L18.9417 5.70928\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M16.625 12.875V19.125C16.625 19.8154 16.0654 20.375 15.375 20.375H2.875C2.18464 20.375 1.625 19.8154 1.625 19.125V6.625C1.625 5.93464 2.18464 5.375 2.875 5.375H9.125\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>",
"width": "22",
"height": "22",
"class": "btn-small btn-simple"
}
],
"items": [
{
"title": "Mon, Wed, Fri",
"subtitle": "<span class=\"u-ff-proportional-oldstyle\">8am–5pm</span>",
"actions": [
{
"icon": "<path fill=\"none\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M14.375 17.5H5.625C4.93464 17.5 4.375 16.9404 4.375 16.25V5H15.625V16.25C15.625 16.9404 15.0654 17.5 14.375 17.5Z\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M8.125 13.75V8.75\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M11.875 13.75V8.75\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M1.875 5H18.125\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M11.875 2.5H8.125C7.43464 2.5 6.875 3.05964 6.875 3.75V5H13.125V3.75C13.125 3.05964 12.5654 2.5 11.875 2.5Z\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>",
"width": "20",
"height": "20",
"class": "btn-small btn-simple"
},
{
"icon": "<path fill=\"none\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M11.8708 12.7801L8.7775 13.2226L9.21916 10.1284L17.1742 2.17345C17.9064 1.44121 19.0936 1.44121 19.8258 2.17345C20.5581 2.90568 20.5581 4.09287 19.8258 4.82511L11.8708 12.7801Z\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M16.29 3.05762L18.9417 5.70928\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M16.625 12.875V19.125C16.625 19.8154 16.0654 20.375 15.375 20.375H2.875C2.18464 20.375 1.625 19.8154 1.625 19.125V6.625C1.625 5.93464 2.18464 5.375 2.875 5.375H9.125\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>",
"width": "22",
"height": "22",
"class": "btn-small btn-simple"
}
]
},
{
"title": "Sun, Tue, Thu, Sat",
"subtitle": "Unavailable",
"actions": [
{
"icon": "<path fill=\"none\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M14.375 17.5H5.625C4.93464 17.5 4.375 16.9404 4.375 16.25V5H15.625V16.25C15.625 16.9404 15.0654 17.5 14.375 17.5Z\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M8.125 13.75V8.75\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M11.875 13.75V8.75\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M1.875 5H18.125\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M11.875 2.5H8.125C7.43464 2.5 6.875 3.05964 6.875 3.75V5H13.125V3.75C13.125 3.05964 12.5654 2.5 11.875 2.5Z\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>",
"width": "20",
"height": "20",
"class": "btn-small btn-simple"
},
{
"icon": "<path fill=\"none\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M11.8708 12.7801L8.7775 13.2226L9.21916 10.1284L17.1742 2.17345C17.9064 1.44121 19.0936 1.44121 19.8258 2.17345C20.5581 2.90568 20.5581 4.09287 19.8258 4.82511L11.8708 12.7801Z\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M16.29 3.05762L18.9417 5.70928\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"none\" d=\"M16.625 12.875V19.125C16.625 19.8154 16.0654 20.375 15.375 20.375H2.875C2.18464 20.375 1.625 19.8154 1.625 19.125V6.625C1.625 5.93464 2.18464 5.375 2.875 5.375H9.125\" stroke=\"#0076D6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>",
"width": "22",
"height": "22",
"class": "btn-small btn-simple"
}
]
}
]
}
There are no notes for this item.