The YUI Calendar Tutorials will 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 Modules.
Create an position a simple Overlay.
Create several Tooltips associated with different types of elements.
Get a significant performance boost by reusing one Tooltip for a large number of context elements.
Create and display a simple draggable content Panel.
Learn how to use Panel's CSS hooks to customize its look and feel.
Modify the classic Panel using only CSS to give it a more OS-like look and feel.
Use Panel to temporarily display a message while a large block of content is loading asynchronously.
Build a subclass of Panel that acts as a simple photo slideshow with basic navigational features.
Build a subclass of Panel that adds a special resize handle to the footer for dynamically resizing the Panel using drag and drop.
Create a basic Dialog and submit its form contents asynchronously.
Dynamically build a simple OK/Cancel dialog and react to the user's response.
Learn to use the 'effect' property in conjunction with the ContainerEffect class to animate your containers when they are shown and hidden.
Use the OverlayManager to register a set of containers for focus tracking.
Configure the 'keylistener' property to allow containers to dynamically react to key press events.