The datepicker can populate an alternate field, with its own format,
whenever a date is selected.
-    This feature might be used to present a human-friendly date for user
selection,
-    while passing a more computer-friendly date through for further
processing.

Populate an alternate field with its own date format whenever a date is
selected using the <strong>altField</strong> and <strong>altFormat</strong>
options. This feature could be used to present a human-friendly date for
user selection, while passing a more computer-friendly date through for
further processing.

This example adds a bar at the bottom of the calendar with buttons for
selecting Today's date and a Done button for closing the calendar. The
individual buttons are on by default if the bar is added but each can be
turned off via options. The button text is customizable.

Display a button for selecting Today's date and a Done button for
closing the calendar with the boolean <strong>showButtonPanel</strong>
option. Each button is enabled by default when the bar is displayed, but
can be turned off with additional options. Button text is customizable.

The datepicker may present the selected date in a variety of
formats.

Display date feedback in a variety of ways. Choose a date format from
the dropdown, then click on the input and select a date to see it in that
format.

This is a default datepicker which is tied to a standard form input.
The calendar opens in a small overlay onFocus and closes automatically
onBlur if a date if selected.

The datepicker is tied to a standard form input field. Focus on the
input (click, or use the tab key) to open an interactive calendar in a
small overlay. Choose a date, click elsewhere on the page (blur the
input), or hit the Esc key to close. If a date is chosen, feedback is shown
as the input's value.

This datepicker has an optional month and year dropdown added to make
it easier to navigate through large timeframes. This is done by adding the
changeMonth:true and changeYear:true options.

Show month and year dropdowns in place of the static month/year header
to facilitate navigation through large timeframes. Add the boolean
<strong>changeMonth</strong> and <strong>changeYear</strong> options.

This datepicker is triggered by clicking on the icon following the
field,
-    instead of the field gaining focus. You can also set the datepicker to
-    open in both cases.

Click the icon next to the input field to show the datepicker. Set the
datepicker to open on focus (default behavior), on icon click, or both.

-This is an example of an inline date picker that is embedded in the page
instead of opening in an overlay.
-This is done by calling .datepicker() on a div instead of an input.
-

Display the datepicker embedded in the page instead of in an overlay.
Simply call .datepicker() on a div instead of an input.

The datepicker may be localized for other languages and date
preferences.
-    There is built-in support for languages that read right-to-left, such as
Arabic and Hebrew.

Localize the datepicker calendar language and format (English / Western
formatting is the default). The datepicker includes built-in support for
languages that read right-to-left, such as Arabic and Hebrew.

The datepicker may have a minimum and/or maximum date set to restrict
the range of possible dates.
-    These dates may be set as actual dates (new Date(2009, 1 - 1, 26)), as a
numeric offset from
-    today (-20), or as a string of periods and units ('+1M +10D'). For the
last, use 'D' for days,
-    'W' for weeks, 'M' for months, or 'Y' for years.

Restrict the range of selectable dates with the
<strong>minDate</strong> and <strong>maxDate</strong> options. Set the
beginning and end dates as actual dates (new Date(2009, 1 - 1, 26)), as a
numeric offset from today (-20), or as a string of periods and units ('+1M
+10D'). For the last, use 'D' for days, 'W' for weeks, 'M' for months,
or 'Y' for years.

-This datepicker shows three months at a time by setting the
<code>numberOfMonths</code> option to 3.
-This can be set to any number that will fit within your layout.
-The multiple calendars are used to make it easier to visually scan across
months and make a selection.
-

-<span style="float: left; margin-right: 0.3em;" class="ui-icon
ui-icon-info"></span>
-<strong>Note:</strong>
-This is not a date range picker.
-In a future release, a custom date range plugin will be added.
-For users that want to use the old date range picker built into the
datepicker, they must use the previous version of this plugin (v1.5.3).
-

Set the <strong>numberOfMonths</strong> option to an integer of 2 or
more to show multiple months in a single datepicker.