fbpx

Documentation

General

Form integration

Theme

Sync calendar (Import)

Sync calendar (Export)

How to Integrate the Date and Time Picker With Ninja Forms

In this tutorial, we’ll show you how we can integrate with Ninja Forms for Date Picker, Time Picker, and Date and Time picker to turn input fields into Date pickers.

The integration might be required to provide users with a date calendar and time picker for your business. Like, bookings, appointments, check-in & check-out, and more where they’ll have a more robust field to let them pick time and date according to requirements. 

Follow the below steps one by one to get your desired result.

Prerequisites

Please make sure to install the following plugins before you proceed. 

1. Create a Contact Form in Ninja Forms

  1. Go to Ninja FormsAdd newSelect the Template
  2. Insert a Single Line Text field into your Form → define the Label to be easier to be identified
  3. Publish

2. Create a new Event in Input WP

  1. Go to the Input WPAdd New.
  2. Input field Title. Then, select the Type.
  3. Adjust any specific settings for the Date and/or Time Picker.
  4. Once selected, click Publish.

3. Integrate with Ninja Forms

  1. Go to Input WPIntegrationForm IntegrationAdd new.
  2. Then, go to the Introduction section → input Label text (text used only to identify the integration).
  3. Introduction: Select the Method  → Ninja Form → click Next to pull the list of Forms created in Ninja Forms.
  4. Connect: Select the Contact Form you just created in Ninja Forms → Select the Event created in Input WP
  5. Identify: Match the input fields from the Ninja Forms with Guest, Email and Date picker (Event).
  6. Click Save.

That’s it! You’ve successfully integrated Ninja Forms with the Date and Time Picker by Input WP.

If you have more questions, use the public forum (for the Basic plugin), or submit your support ticket (for PRO users).