[new] Flatpickr support

assets/js/main.js

@@ -37,6 +37,8 @@
 			wpsf.setup_timepickers();
 			wpsf.setup_datepickers();
 			wpsf.setup_selects();
+			wpsf.setup_datetimepickers();
+
 		},
 
 		/**
@@ -218,6 +220,18 @@
 			});
 		},
 
+		/**
+		 * Set up datetimepickers
+		 */
+		setup_datetimepickers: function() {
+
+			$( '.datetimepicker' ).each( function() {
+				var datetimepicker_args = $( this ).data( 'datetimepicker' );
+				flatpickr(this, datetimepicker_args);
+			} );
+
+		},
+
 		/**
 		 * Set up selects
 		 */
@@ -252,7 +266,7 @@
 				wpsf.reindex_group( $group );
 
 				wpsf.trigger_dynamic_fields();
-				
+
 				$row.trigger('wpsfGroupRowAdded', [$row]);
 
 				return false;

settings/example-settings.php

@@ -54,7 +54,7 @@ function wpsf_tabless_settings( $wpsf_settings ) {
 				'title'      => 'Time Picker',
 				'desc'       => 'This is a description.',
 				'type'       => 'time',
-				'timepicker' => array(), // Array of timepicker options (http://fgelinas.com/code/timepicker).
+				'timepicker' => array(), // Array of timepicker options (https://web.archive.org/web/20220122113558/https://fgelinas.com/code/timepicker/).
 			),
 			array(
 				'id'         => 'date',
@@ -63,6 +63,15 @@ function wpsf_tabless_settings( $wpsf_settings ) {
 				'type'       => 'date',
 				'datepicker' => array(), // Array of datepicker options (http://api.jqueryui.com/datepicker/).
 			),
+			array(
+				'id'             => 'datetime',
+				'title'          => 'DateTime Picker',
+				'desc'           => 'This is a description.',
+				'type'           => 'datetime',
+				'datetimepicker' => array(
+					'enableTime' => true,
+				), // Array of datetimepicker options (https://flatpickr.js.org/).
+			),
 			array(
 				'id'      => 'image_radio',
 				'title'   => 'Select a radio',