Messenger Icon
×
HIDE

Fast way to insert and custom Date Field for Elementor

The Date field lets users send a preferred date within their form submission by inserting the date manually and also offering a drop-down calendar to choose the date from there. The date chosen in the calendar will be put into the bar in the proper order.  This is extremely practical for reservation-based businesses like restaurants and hotels.

You can refer two samples below: Regular Date field and Customed Date field

Demonstration of Date field

Tutorial - How to set up Date field

  1. You can set a minimum and maximum date, so it’s easier for the user to pick the correct date.
  2. Date range feature: please refer to here
  3. In order to diversify your Calendar, please enable Flatpickr Custom Option and refer to this source https://flatpickr.js.org/examples/

The example below disables Saturdays and Sundays

date field in PAFE
				
					{
"disable": [
function(date) {
// return true to disable
return (date.getDay() === 0 || date.getDay() === 6);

}
],
"locale": {
"firstDayOfWeek": 1 // start week on Monday
}
}
				
			

Please check your email inbox. If you haven’t received anything,

also check your spam folder.

PAFE Form Builder

Extensions

PAFE Widgets

piotnet addons for elementor white icon
Popup Trigger URL
Piotnet Addons For Elementor