The YUI Calendar Tutorials provide you with working examples of several common uses of the Calendar component. Each tutorial contains a working functional example, plus documentation describing how it works.
Quickly get up and running with the most basic Calendar.
Set up a Calendar that allows for the selection of one or more dates, rather than the single-select default.
Learn how to instantiate a Calendar with more than one month shown at a time.
Configure the Calendar to disallow selection before or beyond specified date limits.
Use Calendar's events to react to various interesting moments, such as the selection or deselection of dates.
Populate a form text input field using the Calendar's selected date and vice versa.
Populate a series of form select input fields using the Calendar's selected date and vice versa.
Configure custom functions that can be used to perform special rendering for specific dates or ranges of dates.
Use localization features to customize the Calendar for use in Germany.
Use localization features to customize the CalendarGroup for use in Japan.
Configure and Calendar and CalendarGroup for use as a popup layer that is displayed above the document.