ZebraCalendar

1. Default initialization

All dates are selectable, no restrictions.There are a lot of things that can be configured! "

2. Allow future dates only, starting one day in the future

All past dates, including today, are disabled.Read more about using the direction property.

3.Allow dates from a dynamic interval

The selectable dates are in the interval starting tomorrow and ending 10 days after that.Read more about using the direction property.

4. Allow dates from an interval between 2 dates

Dates in the direction property have to be written in the date picker's Date Format Read more about using the direction property.

5. Disable dates

Allow future dates only including the current day. All past dates are disabled. Saturday and Sundays are disabled. Read more about using the direction property and about disabling dates.

6. Date formats

Accepts the following characters for date formatting: d, D, j, l, N, w, S, F, m, M, n, Y, y, h, H, g, G, i, s, a, A, borrowing the syntax from PHP's date function. If format property contains time-related characters (g, G, h, H, i, s, a, A), the time picker will be automatically enabled. Note that when setting a date format without days (d, j), the users will be able to select only years and months, and when setting a format without months and days (F, m, M, n, t, d, j), the users will be able to select only years. Similarly, setting a format that contains only time-related characters, will result in users being able to only select time.

7. Enabling the time picker

If format property contains time-related characters (g, G, h, H, i, s, a, A), the time picker will be automatically enabled.

8. Partial date formats

The date picker will not show views that are not present in format.
In the example below, the date picker will never get to the day view as there is no day-related character in the date's format.

9. Changing the starting view

Start with the years view, recommended for when users need to select their birth date.
You can always switch between views by clicking on caption in the date picker's header, between the previous and next buttons!
Note that the date picker is always cycling days -> months -> years when clicking on the date picker's header, and years -> months -> days when selecting dates (skipping the views that are missing because of the date's format)
Also note that the value of the view property may be overridden if the date's format requires so! (i.e. days for the view property makes no sense if the date format doesn't allow the selection of days)

10. Custom classes

Disable weekends and apply a custom class to Saturdays and Sundays.

11. Always-visible date pickers

Set the always_visible property's value to a jQuery element which will act as a container for the date picker.
Notice that in this case the element the date picker is attached to has no icon.