Date Picker For Gravity Forms Documentation

Welcome to the official documentation for Date Picker for Gravity Forms. This plugin adds a fully customisable date picker field to your Gravity Forms — with date format control, min/max date ranges, and Pro options to disable specific weekdays, dates, and set active-only dates.

Pro Version | Support | WordPress.org

1. Requirements

  • WordPress 5.0 or higher
  • Gravity Forms 2.0 or higher (must be installed and activated)
  • PHP 7.2 or higher

Note: This plugin is an add-on for Gravity Forms. Gravity Forms must be purchased, installed, and activated separately before using this plugin.


2. Installation

Install via WordPress Plugin Directory

  1. Go to WordPress Admin → Plugins → Add New
  2. Search for Date Picker for Gravity Forms
  3. Click Install Now then Activate

Install via ZIP Upload

  1. Download the plugin ZIP file
  2. Go to WordPress Admin → Plugins → Add New → Upload Plugin
  3. Choose the ZIP file and click Install Now
  4. Click Activate Plugin

3. Adding the Date Picker Field

  1. Go to WordPress Admin → Forms
  2. Open an existing form or create a new one
  3. In the field panel on the right, find the Date Picker field
  4. Drag and drop it into your form
  5. Click the field to open its settings
  6. Configure your date options (see sections below)
  7. Click Save Form

4. Field Settings Overview

SettingDescriptionVersion
Date FormatSet the format dates are displayed and submitted inFree
Min DateThe earliest date a user can selectFree
Max DateThe latest date a user can selectFree
Disable Week DaysBlock specific days of the week from being selectedPro
Disable DatesBlock specific dates or date ranges from the calendarPro
Active DatesAllow only specific dates to be selected, all others disabledPro

5. Date Format

The Date Format field controls how the selected date is displayed in the input and submitted with the form.

Common Format Examples

FormatExample Output
yy-mm-dd2026-03-04
dd/mm/yy04/03/2026
mm/dd/yy03/04/2026
dd-mm-yy04-03-2026
d MM, yy4 March, 2026

Tip: Use yy for a 4-digit year and y for a 2-digit year.


6. Min Date & Max Date

Use Min Date and Max Date to control the range of dates a user can select. Both settings are available in the free version.

Min Date

The minimum date is the earliest date a user can select. Dates before the minimum are greyed out and unselectable.

OptionDescription
Current DateUsers cannot select any date in the past. Today is the earliest selectable date.
X Days from TodayUsers must select a date at least X days from now. Useful for advance booking requirements — e.g. minimum 3 days notice.

Max Date

The maximum date is the latest date a user can select. Dates after the maximum are greyed out and unselectable.

OptionDescription
Current DateUsers cannot select any future date. Only today or earlier.
X Days from TodayUsers can select up to X days from now. Useful for limiting bookings — e.g. no more than 30 days in advance.

Example: Allow bookings only 3 to 30 days from today

  • Set Min Date to 3 Days
  • Set Max Date to 30 Days

7. Disable Week Days (Pro Only)

The Disable Week Days setting lets you block specific days of the week so users cannot select them. Disabled days are greyed out in the calendar.

How to use

  1. In the date picker field settings, find Disable Week Days
  2. Check the days you want to block
  3. Save the form

Available Days

DayCommon Use Case
SundayClosed on Sundays
MondayClosed on Mondays
TuesdaySpecific day off
WednesdaySpecific day off
ThursdaySpecific day off
FridaySpecific day off
SaturdayClosed on Saturdays

Example: Weekdays only booking

Check Saturday and Sunday — users will only be able to select Monday through Friday.

→ Upgrade to Pro to unlock this feature


8. Disable Specific Dates (Pro Only)

The Disable Dates setting lets you block out specific dates or date ranges — such as public holidays, maintenance days, or any unavailable dates. Disabled dates are greyed out and cannot be selected.

Format

Enter dates using the format YYYY-MM-DD. Separate multiple dates or ranges with a pipe | character.

ExampleWhat it does
2026-03-04Disables a single date — March 4 2026
2026-03-04|2026-03-10Disables a range — March 4 to March 10 2026
2026-03-04|2026-03-04Disables a single date using range format
2026-03-04|2026-03-10|2026-04-01|2026-04-05Disables two separate date ranges

Example: Block Christmas and New Year

2026-12-25|2026-12-25|2026-12-31|2027-01-01

→ Upgrade to Pro to unlock this feature


9. Active Dates (Pro Only)

The Active Dates setting is the opposite of Disable Dates. Instead of blocking specific dates, you define exactly which dates are available. All other dates are automatically disabled.

This is useful when you have a limited set of available slots — for example specific appointment slots, event dates, or delivery days.

Format

Enter dates using the format YYYY-MM-DD. Separate multiple dates or ranges with a pipe | character.

ExampleWhat it does
2026-03-04Only March 4 2026 is selectable
2026-03-04|2026-03-10Only dates between March 4 and March 10 2026 are selectable
2026-03-04|2026-03-04|2026-03-15|2026-03-15Only March 4 and March 15 are selectable

Note: Active Dates and Disable Dates should not be used at the same time on the same field. Use one or the other depending on your use case.

→ Upgrade to Pro to unlock this feature


10. Free vs Pro

FeatureFreePro
Date picker field in Gravity Forms
Custom date format
Min date control
Max date control
Responsive design
Multi-language support
Disable Week Days
Disable Specific Dates
Active Dates Only
Priority Support

→ Upgrade to Pro


11. FAQ

Do I need Gravity Forms installed?

Yes. Gravity Forms must be installed and activated. This plugin is an add-on and will not work without it.

Can I add the date picker to multiple forms?

Yes. You can add the date picker field to as many Gravity Forms as you need.

Can I disable weekends?

Yes, but this requires the Pro version. Check Saturday and Sunday under Disable Week Days in the field settings. Upgrade to Pro →

Can I block public holidays?

Yes, using Disable Dates in the Pro version. Enter your holiday dates in YYYY-MM-DD format separated by a pipe | character. Upgrade to Pro →

What is the difference between Disable Dates and Active Dates?

Disable Dates blocks specific dates — all other dates remain selectable. Active Dates does the opposite — only the dates you enter are selectable, everything else is blocked. Use Disable Dates when most dates are available but a few need blocking. Use Active Dates when only a small set of dates should be available.

Can I prevent users from selecting past dates?

Yes. Set Min Date to Current Date in the free version. This is available without upgrading.

Can I limit how far ahead users can book?

Yes. Set Max Date to a number of days from today. For example, set Max Date to 30 Days to prevent bookings more than 30 days in advance.

What date format should I use?

The default is yy-mm-dd. You can change it to any format in the Date Format field. Common formats: dd/mm/yymm/dd/yydd-mm-yy.

Is the date picker mobile friendly?

Yes. The date picker is fully responsive and works on all screen sizes including smartphones and tablets.

Does it work with all browsers?

Yes. The plugin is compatible with Chrome, Firefox, Safari, and Edge.


12. Support

Free Support

Post your question on the WordPress.org support forum.

Pro Support

Pro users get priority support directly from the development team. Contact us here.

Documentation

Full documentation is always available at codesmade.com.

Pro Version

Unlock Disable Week Days, Disable Dates and Active Dates. View Pro Version →