This plugin will allow you to create date and time picker fields using CSS selectors.

## Description
onvert any input field on your website into a date time picker field using CSS selectors. You can display a calendar with just a date picker funcionality or enable a time picker also.

More Information and Tutorials at <https://www.inputwp.com/>

Compatible with [Contact Form 7](https://www.inputwp.com/about/date-and-time-picker-field-on-contact-form-7/), [Divi Forms](https://www.inputwp.com/about/date-picker-in-divi-contact-form/) and others.

### Full List of Features
- Set minimum and maximum time
- Set a time offset
- Set minimum and maximum dates - also based on current date
- Disable past dates
- Automatically display next available time slot
- Display picker inline
- Different date formats
- Disable specific weekdays
- Disable specific dates
- Set list of allowed time slots for week day

Perfect for appointments or booking forms that need to follow certain opening times and booking rules.

## Pro Version

If you need to create more than one set of rules for different fields, or date ranges, try out the [PRO version](https://www.inputwp.com/pro/).

## Frequently Asked Questions

#### Why was this plugin developed?

This plugin was developed because of the need of having a date and time picker field on a contact form that did not include this type of field.
Using this plugin you can convert any text input field into a data time picker field. Including on contact forms.

#### How do I prevent the datetimepicker scripts and styles from loading across all my website?

In the settings page for the plugin you can find the option to load the necessary files only when the shortcode [datetimepicker] exists on the page.
If you have this option selected, the plugin will only look for fields to convert when this shortcode exists on that page.

#### How do I add specific times for different days? For example, for weekends?

In the settings page for the plugin you can find a 'Advanced Settings' tab were you'll find some options to set available times for each day. You'll need to individually set each time available as default, for example '09:00,09:30,09:50,10:50,11:30' and then override this default values for each day you need. It will not work well if you don't setup a default list of allowed times. The list of times still needs to be inside the minimum and maximum times set in the 'Basic Settings' tab.

## Credits
* [xdsoft.net datetimepicker jQuery plugin](https://xdsoft.net/jqplugins/datetimepicker/)
* [Moment JavaScript date library](https://momentjs.com/)
* [Icon by Paomedia](https://github.com/paomedia/small-n-flat)