The Availability datepicker by InputWP plugin allows you to convert manually or automatically a text input field into an advanced Date Picker.

PluginsCafe

Kaisar Ahmmed

Restrict Dates Add-On for Gravity Forms

A simple and nice plugin to add date restrict dynamically in gravity forms default date picker field.

inputwp

Availability datepicker by <a href="https://www.inputwp.com/" rel="nofollow ugc">InputWP</a> is a plugin that allows you to convert text fields into a Date Picker, Time Picker, Date and Time Picker or a Date Range Picker, using a CSS Selector. It works with Contact Form 7, Divi, Ninja Forms and Gravity Forms. Define advanced rules for the dates and times available or disable the ones that are not needed.
<h4>Works well with Contact Form 7 and Divi</h4>
Perfect for appointments or booking forms that need to follow certain opening times and booking rules, the Date and Time Picker plugin integrates well with Contact Form 7 or Divi plugins through the CSS selector. Follow the rules 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>.
<h4>Upgrade for more</h4>
<ul>
<li>Multiple Events (input fields)</li>
<li>Date range (type)</li>
<li>Automatic integration (no code required) with Contact Form 7, Gravity and Ninja Forms.</li>
<li>Fresh new theme for the date picker (dropdown)</li>
<li>Ability to fully customize the theme with the right Colours for typography and backgrounds, with the right Font and Labels.</li>
<li>Sync with your external calendars (like Google Calendar, Outlook, Airbnb, Booking.com, etc) so that you automatically disable the busy dates/hours.</li>
</ul>
Try out the <a href="https://www.inputwp.com" rel="nofollow ugc">PRO version</a> today. If you have a feature request, submit it from <a href="https://www.inputwp.com/support/" rel="nofollow ugc">here</a>.
<h4>Features</h4>
<ul>
<li>Date picker — Allow users to pick a date on the calendar.</li>
<li>Time picker — It allows users to choose the time next to the date picker calendar.</li>
<li>Multiple date time picker themes — Keep it Light (default) or keep it Dark.</li>
<li>Inline — Keep your date calendar and time picker inline.</li>
<li>Multiple Language Support — Create a date and time picker field with a calendar for 42 different languages.</li>
<li>Keep Placeholder — It allows you to keep the original placeholder of the input field. Or, display the current date or next available time.</li>
<li>Prevent Keyboard Edit — It enables you to allow or prevent users from making edits in date and time using the keyboard.</li>
<li>Disable Past Dates — It allows you to hide past dates from the current date on the date picker calendar. If today is 11th Sep, then it won’t show 10th Sep, 09th Sep, and so on.</li>
<li>Time Step — Define time intervals in a minute for the time picker. If you set 60, then the time picker will show time choices as 12:00 AM, 01:00 AM, and so on.</li>
<li>Minimum Time — It allows you to define time in a slot from where a user can start choosing time.</li>
<li>Maximum Time — It allows you to define the time that would be regarded as the last time in a slot a user can choose from the time picker.</li>
<li>Offset for available times — Using this option, you can offset time from Now to the next available time. If right now it’s 03:15 PM, and you choose to offset 45 minutes, then the next available time would be 04:00 PM.</li>
<li>Minimum Date — Define the starting date for the date slot. Users will not be able to select the previous date from the defined minimum date.</li>
<li>Maximum Date — Define the last date for the date slot. Users will not be able to select the future date from the defined maximum date.</li>
<li>Date Format — Provides you with 15 different date formats to select for your date picker.</li>
<li>Hour format — Multiple hour formats for the time picker.</li>
<li>When to Load — Choose when and where to load the date time picker fields. Whether across the full website, for admin panel, full website including the admin panel, or only when the date time picker shortcode is available on a page.</li>
<li>Disable Week Days — Don’t want to receive bookings or reservation forms on certain days of the week? Worry not, using this option you can easily disable the days by merely checking the box next to the week name.</li>
<li>Disable Specific Dates — Taking a vacation or don’t want to receive forms on certain dates? Simply input dates in the Disable Specific Dates field of the Advanced settings to hide dates from the calendar.</li>
<li>Default list of allowed times — It enables you to provide users with a list of allowed times to choose from in the time picker for different days.</li>
</ul>
<h4>Who can make the most out of the Date and Time Picker plugin?</h4>
Well, there’s no such limit for whom this plugin is designed; however, there are some business 
industries that can take more benefits than others:
<ul>
<li>Hotel, restaurant or cafe that allows booking or reservation.</li>
<li>Hospitals or clinics.</li>
<li>Salon or parlour.</li>
<li>Mayors and government personnel for official meetings.</li>
<li>Businesses that offer fun activities, games and tours.</li>
<li>And anyone who wants to allow users to submit forms to book, reserve, and meet.</li>
</ul>
<h4>Seamless support</h4>
It’s a free plugin, but the <a href="https://wordpress.org/support/plugin/date-time-picker-field/" rel="ugc">support</a> you’ll get would be not less than a premium user. Whether the 
plugin is not working on your site, or you’d want something specific out of it, you can always 
look for the tremendous support , and get your issue resolved.
If you got some <a href="https://www.inputwp.com/support/" rel="nofollow ugc">features requests</a> in mind, let us know.
<h3>Credits</h3>
<ul>
<li><a href="https://xdsoft.net/jqplugins/datetimepicker/" rel="nofollow ugc">xdsoft.net datetimepicker jQuery plugin</a></li>
<li><a href="https://momentjs.com/" rel="nofollow ugc">Moment JavaScript date library</a></li>
</ul>

Alternatives to Availability datepicker – Integrate with Contact Form 7 and Divi

Top alternatives