[ Please create Your own Post/Page (Start Title with your Name or Something) with the documentation help.

At the end of checking please delete Your own Page and remove Your JS script from Settings Page.

You can create Form using Contact Form 7 plugin Contact Menu. ]

Please check Documentation:

https://docs.mgscoder.com/daterange-picker-documentation/

Live Demo wp-admin Credential:

https://mgsdemo.mgscoder.com/wp-plugins/daterange-picker-plugin/wp-admin/

user: demo
pass: demo

Date Range Picker

Style-1 With Dropdown

Style with Dropdown and Date Format: MM-DD-YYYY

Style-1-2 Without Dropdown

Style Without Dropdown and Short Calendar Label Text – Date Format: DD MMMM, YYYY

Style-2 All Past Days Disable

Style Without Dropdown and All Past/Previous Days Disable

Style-3 Show Alert Box for Selected date

On Clck Apply button will Show Alert Box for Selected date

Style-4 Set minDate – Active Date from the Next Week

Style Without Dropdown and Set minDate – Date Active from the Next Week

Style-5 Format: MMMM DD, YYYY and set minDate

Style With Dropdown and Set minDate – Date Active from the Next Week

Style-6 Limited Time Offer – Set minDate and maxDate

Set minDate and maxDate – Date Active for a specific Date Range (December Current Year)

Style-6-2 Limited Time Offer – Set minDate and maxDate

Set minDate and maxDate – Date Active for a specific Date Range (20 August – 20 September, 2027)

Style-7 Predefined Ranges

Predefined Ranges as Like: Yesterday, Last 7 Days, Last 30 Days, Next 7 Days, This Month, Last Month

Style-8 All Past Day Disable and Short Calendar Label Text with Selected Date Alert

All Past Day Disable and Short Calendar Label Text and On date select will Show Alert Box for Selected date

Style-9 All Past Day & Apply Button Disable

With Dropdown All Past Day Disable and Apply/Cancel Button Disable

Style-10 All Past Day & Apply Button Disable with Selected Date Alert

With Dropdown All Past Day Disable and Apply/Cancel Button Disable On date select will Show Alert Box for Selected date

Style-11 Show Week Numbers and Week Start day: Monday

Calendar Show Number of the Week

Style-12 Date Limit (Limit maximum number of selected Date: here 10 Days)

In this example more than 10 days select will not be possible

Style-13 TimePicker 12Hour

Calendar with 12 hour Clock

Style-13-2 TimePicker 24Hour

Calendar with 24 hour Clock

Style-14 Calendar in French Date Format: DD/MM/YYYY

For Language Change please check Online Documentation

Style-14-2 Calendar in French Date Format: DD MMMM, YYYY

For Language Change please check Online Documentation

Style-15 Default value Blank and Week Start day: Saturday

Style-16 Set startHour and endHour Only for 24hours mode

As like Office Opening Hour. Here Opening Hour: 9 - 17

Style-17 Enabled Hours Only for 24hours mode

As like Opening Hours: 8-14 & 17-22

Style-18 Set Booking active after 16 hours from current time and Set startHour and endHour

Time enable after 16 hours from the current time and Here Start Hour: 9 and end Hour: 17