<div class="qmod-ui-tool qmod-dividendscalendar"><div class="qmod-block-wrapper qmod-block-wrapper-top"><h2 class="qmod-heading qmod-hbg">{tplLang.dc_toolname | toLang tLang}<span class="qmod-calendar-date-alt">{scope.data.date | momentjs true 'MMM Do, YYYY' tLang}</span></h2><div class="qmod-tool-content"><div class="qmod-block-wrapper qmod-dividends-controls"><div class="qmod-dividends-date"><div class="qmod-panel-control"><h3 class="qmod-calendar-date qmod-heading" rv-unless="scope.binders.dividendsDate.visible">{scope.data.date | momentjs true 'MMM Do, YYYY' tLang}</h3></div></div><div class="qmod-nav"><div class="qmod-dividends-calendar"><div class="qmod-panel-control qmod-calendar-control" rv-if="scope.binders.calendarOptions.enabled" rv-show="scope.binders.calendarOptions.visible"><div class="inner-addon right-addon"><label><span class="sr-only">{tplLang.choosedate | toLang tLang}</span><input class="qmod-dividends-datepicker" type="text" name="qmod-dividendsdate" rv-placeholder="tplLang.choosedate | toLang tLang" rv-value="scope.data.date" aria-label=""/><i class="qmod-icon qm_icon-calendar-sld"></i></label></div></div></div><div class="qmod-dividends-exchange"><div class="qmod-drop-wrap"><button class="qmod-drop-cont" id="qmod-dividends-exchange-dropdown" rv-on-click="scope.binders.exchangeOptions.click" aria-label="'select a form type' | i8ln tLang" aria-haspopup="listbox" rv-aria-expanded="scope.binders.exchangeOptions.open"><span class="qmod-dd-text">{scope.binders.exchangeOptions.getSelected < selected | getIndex 'label'}</span><span class="qmod-icon qmod-chevron qm_icon-arrow-chevron-down2-med" rv-ifclass="scope.binders.exchangeOptions.open" data-qmod-true-class="rotate-chevron-up" data-qmod-false-class="rotate-chevron-down"></span></button><div class="qmod-drop-items" rv-show="scope.binders.exchangeOptions.open"><ul class="qmod-drop-menu" id="qmod-dividends-dropdown-list" tabindex="-1" role="listbox" rv-aria-activedescendant="scope.binders.exchangeOptions.selected | preFixWord 'qmod-formtype-dropdown-'"><li class="qmod-drop-item-li" rv-each-type="scope.binders.exchangeOptions.list" role="option" rv-id="index | preFixWord 'qmod-formtype-dropdown-'" rv-on-click="scope.binders.exchangeOptions.change" rv-aria-selected="scope.binders.exchangeOptions.selected | = index"><a class="qmod-drop-item">{type.label}</a></li></ul></div></div></div><div class="qmod-table-search-wrap inner-addon left-addon" rv-if="scope.binders.searchOptions.enabled"><label class="qmod-label"><i class="qmod-icon qm_icon-search-bld"></i><span class="sr-only">{'search table' | i8ln tLang} </span><input class="qmod-table-search" type="search" rv-placeholder="'Search table' | i8ln tLang" rv-value="scope.binders.searchOptions.searchText" rv-on-keyup="scope.binders.searchOptions.search"/></label></div><div class="pure-u-1" rv-if="scope.binders.dateRowOptions.enabled" rv-show="scope.binders.dateRowOptions.visible"><div class="qmod-panel-control"><ul class="qmod-button-group qmod-dividends-date-row" rv-if="scope.binders.dividendsDate.enabled" rv-show="scope.binders.dateRowOptions.visible"><li class="qmod-week qmod-previous-week" rv-if="scope.binders.previousWeek.enabled" rv-show="scope.binders.previousWeek.visible"><button class="qmod-btn" rv-on-click="scope.binders.previousWeek.change" aria-label="previous week"><i class="fa fa-chevron-left"></i></button></li><li class="qmod-dividends-date" rv-each-date="scope.data.dateList"><button class="qmod-btn" rv-on-click="scope.binders.dividendsDate.change" rv-data-newdate="date" rv-class-qmod-btn-active="date | = scope.data.date">{date | momentjs true 'MMM D' tLang}</button></li><li class="qmod-week qmod-next-week" rv-if="scope.binders.nextWeek.enabled" rv-show="scope.binders.nextWeek.visible"><button class="qmod-btn" rv-on-click="scope.binders.nextWeek.change" aria-label="next week"><i class="fa fa-chevron-right"></i></button></li></ul></div></div></div></div><div class="qmod-block-wrapper qmod-dividends-output"><div class="pure-g"><div class="pure-u-1-1"><div class="qmod-dividends" rv-if="dividends.0" rv-class-qmod-loading="scope.binders.loadingState"><div class="qmod-table-con dividends-table"><table class="qmod-table qmod-dividends-table nowrap" width="100%"><thead><tr><td class="qmod-control qmod-th-0"></td><th class="qmod-textl qmod-th-1">{tplLang.symbol | toLang tLang}</th><th class="qmod-textl qmod-th-2">{tplLang.company | toLang tLang}</th><th class="qmod-textl qmod-th-3">{tplLang.divdate | toLang tLang}</th><th class="qmod-textr qmod-th-4">{tplLang.amount | toLang tLang}</th><th class="qmod-textr qmod-th-5">{tplLang.frequency | toLang tLang}</th><th class="qmod-textr qmod-th-6">{tplLang.payment | toLang tLang}</th><th class="qmod-textr qmod-th-7">{tplLang.record | toLang tLang}</th><th class="qmod-textr qmod-th-8">{tplLang.announced | toLang tLang}</th><th class="qmod-textr qmod-th-9">{tplLang.type | toLang tLang}</th><th class="qmod-textc qmod-th-10" rv-if="actionMenuOpts.showMenu">{'Actions' | i8ln tLang}</th></tr></thead><tbody><tr class="qmod-table-row" rv-each-dividend="dividends"><td class="qmod-control qmod-td-0"></td><td class="qmod-textl qmod-td-1"><span rv-unless="scope.data.symbolForwardURL">{dividend.symbolstring}</span><a class="qmod-table-link qmod-symbol-link" rv-if="scope.data.symbolForwardURL" rv-href="scope.data.symbolForwardURL | postFixWord dividend.symbolstring" rv-data-symbol="dividend.symbolstring" rv-on-click="scope.symbolForward">{dividend.symbolstring}</a></td><td class="qmod-textl qmod-td-2"><a class="qmod-table-link" rv-if="scope.data.longNameForwardURL" rv-title="dividend.equityinfo.longname" rv-on-mouseenter="data.qmtooltip" rv-href="scope.data.longNameForwardURL | postFixWord dividend.symbolstring">{dividend.equityinfo.longname}</a><span class="qmod-longname-tooltip" rv-unless="scope.data.longNameForwardURL" rv-title="dividend.equityinfo.longname" rv-on-mouseenter="data.qmtooltip">{dividend.equityinfo.longname}</span></td><td class="qmod-textl qmod-td-3"><div class="qmod-tcell">{dividend.dividend.0.date}</div></td><td class="qmod-textr qmod-td-4"><div class="qmod-tcell"> <span class="qmod-amount">{dividend.dividend.0.amount | asQHLast tLang '--' true} </span><span class="qmod-currency">{dividend.dividend.0.currency}</span></div></td><td class="qmod-textr qmod-td-5"><div class="qmod-tcell">{dividend.dividend.0.frequency | asDividendFrequency dividend.dividend.0.divflag}</div></td><td class="qmod-textr qmod-td-6"><div rv-if="dividend.dividend.0.payable">{dividend.dividend.0.payable}</div><div rv-unless="dividend.dividend.0.payable">--</div></td><td class="qmod-textr qmod-td-7"><div rv-if="dividend.dividend.0.record">{dividend.dividend.0.record}</div><div rv-unless="dividend.dividend.0.record">--</div></td><td class="qmod-textr qmod-td-8"><div rv-if="dividend.dividend.0.declared">{dividend.dividend.0.declared}</div><div rv-unless="dividend.dividend.0.declared">--</div></td><td class="qmod-textr qmod-td-9"><div class="qmod-tcell">{dividend.dividend.0.divtype | asDividendType}</div></td><td class="qmod-textc qmod-actions qmod-col-nopad qmod-td-10" rv-if="actionMenuOpts.showMenu"><actionmenu actionMenuOpts="actionMenuOpts" quoteData="dividend.dividend.0" forwardSymbol="dividend.symbolstring"></actionmenu></td></tr></tbody></table></div><div class="qmod-panel-control"></div></div><div class="qmod-panel qmod-invalid qmod-dividends-no-data" rv-unless="dividends.0">{tplLang.nodata| toLang tLang} {scope.data.date | momentjs true 'MMM Do, YYYY' tLang}</div></div></div></div></div></div></div>