-
Notifications
You must be signed in to change notification settings - Fork 12
/
datepicker.html
23 lines (20 loc) · 1.41 KB
/
datepicker.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<h1>Date Picker</h1>
<div id="examples">
<div class="example" id="default">
<h2>Default</h2>
<div class="source"><input type="text" name="date" class="datepicker" id="date" /></div>
</div>
</div>
<div class="ixf-tabs-wrapper" id="docs">
<ul class="ixf-tabs">
<li><a href="#overview"><span>Overview</span></a></li>
<li><a href="#documentation"><span>Documentation</span></a></li>
<li><a href="#ixfapi"><span>Ixf API</span></a></li>
</ul>
<div id="overview" class="padding-md"><div class="ixf-alert notice"><p>The datepicker is best used in spacial situations. Meaning you want the user to be able to easily select "last thursday" or "a friday in march". Selecting a birthday with a datepicker takes many clicks, especially when the default datepicker only allows paging through months to keep things simple.</p></div>
<p>Adds a date picker to an input field.</p>
<p>If you are asking for a distant date, we suggest using the <a href="#detail=datepickerdropdown">Date Picker Dropdown</a> pattern</p></div>
<div id="documentation" class="padding-md"><p>Start with an <input> that has a class of <code>datepicker</code>.</p>
<p>This uses the jQuery UI plugin straight out of the box. See the <a href="http://jqueryui.com/demos/datepicker/">jQuery UI site</a> for documentation.</p></div>
<div id="ixfapi" class="padding-md"><p>There is no currently exposed API via the IxF.</p></div>
</div><!-- /ixf-tabs-wrapper -->