Mehdi Kabab

Easily register and load the effects of the <a href="http://docs.jquery.com/UI/Effects/" title="UI/Effects - jQuery JavaScript Library" rel="nofollow ugc">jQuery UI Effects</a> library in your themes and plugins.
Supported effects:
<ul>
<li><a href="http://docs.jquery.com/UI/Effects/Blind" title="UI/Effects/Blind - jQuery JavaScript Library" rel="nofollow ugc">Blind</a> – Blinds the element away or shows it by blinding it in.</li>
<li><a href="http://docs.jquery.com/UI/Effects/Clip" title="UI/Effects/Clip - jQuery JavaScript Library" rel="nofollow ugc">Clip</a> – Clips the element on or off, vertically or horizontally.</li>
<li><a href="http://docs.jquery.com/UI/Effects/Drop" title="UI/Effects/Drop - jQuery JavaScript Library" rel="nofollow ugc">Drop</a> – Drops the element away or shows it by dropping it in.</li>
<li><a href="http://docs.jquery.com/UI/Effects/Explode" title="UI/Effects/Explode - jQuery JavaScript Library" rel="nofollow ugc">Explode</a> – Explodes the element into multiple pieces.</li>
<li><a href="http://docs.jquery.com/UI/Effects/Fold" title="UI/Effects/Fold - jQuery JavaScript Library" rel="nofollow ugc">Fold</a> – Folds the element like a piece of paper.</li>
<li><a href="http://docs.jquery.com/UI/Effects/Puff" title="UI/Effects/Puff - jQuery JavaScript Library" rel="nofollow ugc">Puff</a> – Scale and fade out animations create the puff effect.</li>
<li><a href="http://docs.jquery.com/UI/Effects/Slide" title="UI/Effects/Slide - jQuery JavaScript Library" rel="nofollow ugc">Slide</a> – Slides the element out of the viewport.</li>
<li><a href="http://docs.jquery.com/UI/Effects/Scale" title="UI/Effects/Scale - jQuery JavaScript Library" rel="nofollow ugc">Scale</a> – Shrink or grow an element by a percentage factor. </li>
<li><a href="http://docs.jquery.com/UI/Effects/Bounce" title="UI/Effects/Bounce - jQuery JavaScript Library" rel="nofollow ugc">Bounce</a> – Bounces the element vertically or horizontally n-times.</li>
<li><a href="http://docs.jquery.com/UI/Effects/Highlight" title="UI/Effects/Highlight - jQuery JavaScript Library" rel="nofollow ugc">Highlight</a> – Highlights the background with a defined color.</li>
<li><a href="http://docs.jquery.com/UI/Effects/Pulsate" title="UI/Effects/Pulsate - jQuery JavaScript Library" rel="nofollow ugc">Pulsate</a> – Pulsates the opacity of the element multiple times.</li>
<li><a href="http://docs.jquery.com/UI/Effects/Shake" title="UI/Effects/Shake - jQuery JavaScript Library" rel="nofollow ugc">Shake</a> – Shakes the element vertically or horizontally n-times.</li>
<li><a href="http://docs.jquery.com/UI/Effects/Size" title="UI/Effects/Size - jQuery JavaScript Library" rel="nofollow ugc">Size</a> – Resize an element to a specified width and height.</li>
<li><a href="http://docs.jquery.com/UI/Effects/Transfer" title="UI/Effects/Transfer - jQuery JavaScript Library" rel="nofollow ugc">Transfer</a> – Transfers the outline of an element to another.</li>
</ul>
<h4>Requirements</h4>
WordPress jQuery UI Effects requires <code>PHP5</code>.

WordPress jQuery UI Effects

Use effects of the jQuery UI Effects library in your themes and plugins!

inputwp

Availability Datepicker by <a href="https://www.inputwp.com/" rel="nofollow ugc">InputWP</a> is a booking calendar and date time picker plugin that turns any text field into a smart availability datepicker. Define your business hours, booking type, and availability rules — the calendar enforces them automatically on the frontend. Works with Contact Form 7 via a simple CSS selector, with no code required on your end.
<h4>Perfect For</h4>
<ul>
<li>Doctor / Medical clinic — Fixed 30-minute appointment slots, Monday–Friday, 24-hour minimum notice, 60-day booking window.</li>
<li>Salon & Beauty — Fixed 60-minute sessions, Monday–Saturday, 2-hour advance notice, 30-day booking window.</li>
<li>Hotel / Vacation Rental — Day Based mode, check-in and check-out date selection, minimum 2-night / maximum 30-night stay, 365-day booking window.</li>
<li>Car Rental — Flexible Range, pickup and return with date and time, 4-hour minimum / 7-day maximum, every day, 90-day booking window.</li>
<li>Equipment Rental — Flexible Range, overnight to multi-day rentals, 12–72-hour duration, 60-day booking window.</li>
<li>Meeting Room — Flexible 1–8-hour bookings, Monday–Friday, 15-minute buffers between slots, 30-day booking window.</li>
<li>And anyone who runs appointments, reservations, or rentals and needs to show live availability on their booking form.</li>
</ul>
<h4>Works with Contact Form 7</h4>
Availability Datepicker integrates with Contact Form 7 (and any other form plugin) through a CSS selector. Add a text field to your form, copy the CSS class from the Integration panel, and paste it into the field’s class setting. No shortcodes or custom code needed.
Follow the step-by-step guide for <a href="https://www.inputwp.com/about/date-and-time-picker-field-on-contact-form-7/" rel="nofollow ugc">Contact Form 7</a> or <a href="https://www.inputwp.com/about/date-picker-in-divi-contact-form/" rel="nofollow ugc">Divi</a> to connect your date picker field in minutes.
<h4>Three Booking Types</h4>
Choose the booking type that matches how your business operates:
<ul>
<li>Fixed Time Slots — Guests pick a specific time slot (e.g. 9:00 AM – 10:00 AM). Ideal for appointments, consultations, and classes. Uses a single date and time field.</li>
<li>Day Based — Guests pick a check-in date and a check-out date. Ideal for hotels, B&Bs, and vacation rentals. Uses two separate date fields.</li>
<li>Flexible Range — Guests pick a start date+time and an end date+time. Ideal for car and equipment rentals, meeting rooms, and multi-hour bookings. Uses two separate date+time fields.</li>
</ul>
Six Quick Setup Presets let you pre-fill all availability settings for the most common scenarios in one click.
<h4>Advanced Availability Settings</h4>
The availability calendar is driven by a comprehensive set of rules you configure in the admin panel:
<ul>
<li>Business Hours — Enable or disable each weekday independently. Add multiple open time ranges per day to model morning and afternoon shifts.</li>
<li>Availability Window — Control how far ahead booking is open: dynamically (X days from today) or within a fixed predefined date range.</li>
<li>Slot Interval — Set the gap between available time slots: 15, 30, or 60 minutes.</li>
<li>Minimum Notice — Require a minimum lead time before a slot can be booked (e.g. 24 hours in advance).</li>
<li>Buffers — Add preparation or cleanup time before and after each slot to prevent back-to-back bookings.</li>
<li>Min/Max Bookable Days — Set the shortest and longest allowed stay lengths (Day Based mode).</li>
<li>Min/Max Duration — Set the shortest and longest allowed rental or booking period (Flexible Range mode).</li>
<li>Blocked Dates — Mark specific dates as unavailable: holidays, closures, one-off exceptions.</li>
<li>Allowed Date Exceptions — Open a normally-closed date with custom hours (e.g. a special Saturday opening).</li>
<li>Live Admin Preview — See how the calendar looks with your current settings before saving.</li>
</ul>
<h4>Features</h4>
<ul>
<li>Date picker — Allow users to pick a date on the availability calendar.</li>
<li>Time picker — Let users choose an available time alongside the date.</li>
<li>Three built-in themes — Light, and Dark.</li>
<li>Multiple language support — Display the datepicker interface in 40+ languages.</li>
<li>Date formats — Choose from 15+ date format options (d/m/Y, Y-m-d, M j Y, and more).</li>
<li>Time format — 12-hour (AM/PM) or 24-hour display.</li>
<li>Timezone — Configure the timezone your availability rules are based on.</li>
<li>Inline display — Keep the calendar always visible on the page instead of opening as a dropdown.</li>
<li>Quick Setup Presets — Six pre-configured templates (Doctor, Salon, Hotel, Car Rental, Equipment Rental, Meeting Room) to get started in seconds.</li>
</ul>
<h4>Upgrade to PRO</h4>
PRO unlocks (as shown on the Support page in the admin):
<ul>
<li>Bookings — Capture, manage, and block slots automatically so dates are disabled once booked.</li>
<li>Multiple Resources — Custom availability rules per resource or form field.</li>
<li>Branding & dynamic styling — Full control over calendar colors, fonts, and labels.</li>
<li>Import from .ics — Sync Google Calendar, Outlook, and other calendar services to block busy dates.</li>
<li>Divi & WooCommerce integration — Native integration with Divi and WooCommerce.</li>
</ul>
Try the <a href="https://www.inputwp.com" rel="nofollow ugc">PRO version</a> today. Have a feature request? <a href="https://www.inputwp.com/support/" rel="nofollow ugc">Let us know</a>.
<h3>Credits</h3>
<ul>
<li><a href="https://xdsoft.net/jqplugins/datetimepicker/" rel="nofollow ugc">xdsoft.net datetimepicker jQuery plugin</a></li>
</ul>

Availability Datepicker – Booking Calendar for Contact Form 7 – Input WP

Availability datepicker & booking calendar for any form. Configure business hours, time slots, date overrides and a booking window.

WordPress jQuery UI Effects vs Availability Datepicker – Booking Calendar for Contact Form 7 – Input WP