Availability datepicker – Integrate with Contact Form 7 and Divi

Availability datepicker by InputWP 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.

Works well with Contact Form 7 and Divi

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 Contact Form 7 or Divi.

Upgrade for more

• Multiple Events (input fields)
• Date range (type)
• Automatic integration (no code required) with Contact Form 7, Gravity and Ninja Forms.
• Fresh new theme for the date picker (dropdown)
• Ability to fully customize the theme with the right Colours for typography and backgrounds, with the right Font and Labels.
• Sync with your external calendars (like Google Calendar, Outlook, Airbnb, Booking.com, etc) so that you automatically disable the busy dates/hours.

Try out the PRO version today. If you have a feature request, submit it from here.

Features

• Date picker — Allow users to pick a date on the calendar.
• Time picker — It allows users to choose the time next to the date picker calendar.
• Multiple date time picker themes — Keep it Light (default) or keep it Dark.
• Inline — Keep your date calendar and time picker inline.
• Multiple Language Support — Create a date and time picker field with a calendar for 42 different languages.
• Keep Placeholder — It allows you to keep the original placeholder of the input field. Or, display the current date or next available time.
• Prevent Keyboard Edit — It enables you to allow or prevent users from making edits in date and time using the keyboard.
• 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.
• 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.
• Minimum Time — It allows you to define time in a slot from where a user can start choosing time.
• 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.
• 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.
• 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.
• 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.
• Date Format — Provides you with 15 different date formats to select for your date picker.
• Hour format — Multiple hour formats for the time picker.
• 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.
• 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.
• 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.
• 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.

Who can make the most out of the Date and Time Picker plugin?

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:

• Hotel, restaurant or cafe that allows booking or reservation.
• Hospitals or clinics.
• Salon or parlour.
• Mayors and government personnel for official meetings.
• Businesses that offer fun activities, games and tours.
• And anyone who wants to allow users to submit forms to book, reserve, and meet.

Seamless support

It’s a free plugin, but the support 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 features requests in mind, let us know.

Credits

• xdsoft.net datetimepicker jQuery plugin
• Moment JavaScript date library

booking calendar Date Picker datepicker jquery ui date field date range date time picker