Online Community

<script type="text/html" id="a11y-kb-shortcuts">
<div id="a11y-kb-shortcuts-container" class="dialog dialog-b a11y--dialog">
<section class="kb-shortcuts--container">
<h1>Keyboard Shortcuts</h1>
<table>
<tbody>
<tr>
<th>Date Picker</th>
<th></th>
</tr>
<tr>
<td class="kb-command">
<span>&lt;Esc&gt;</span> :
</td>
<td>Open/Close date picker</td>
</tr>
<tr>
<td class="kb-command">
<span>&lt;Left&gt; or &lt;Right&gt;</span> :
</td>
<td>Move date back or forward by one day</td>
</tr>
<tr>
<td class="kb-command">
<span>&lt;Up&gt; or &lt;Down&gt;</span> :
</td>
<td>Move date back or forward by one week</td>
</tr>
<tr>
<td class="kb-command">
<span>&lt;Shift&gt;</span>
<span>+</span>
<span>&lt;Up&gt;</span> :
</td>
<td>Move date back by one month</td>
</tr>
<tr>
<td class="kb-command">
<span>&lt;Shift&gt;</span>
<span>+</span>
<span>&lt;Down&gt;</span> :
</td>
<td>Move date forward by one month</td>
</tr>
<tr>
<td class="kb-command">
<span>&lt;Ctrl&gt;</span>
<span>+</span>
<span>&lt;Shift&gt;</span>
<span>+</span>
<span>&lt;Up&gt;</span> :
</td>
<td>Move date back by one year</td>
</tr>
<tr>
<td class="kb-command">
<span>&lt;Ctrl&gt;</span>
<span>+</span>
<span>&lt;Shift&gt;</span>
<span>+</span>
<span>&lt;Down&gt;</span> :
</td>
<td>Move date forward by one year</td>
</tr>
</tbody>
</table>
</section>
</div>
</script>