https://legacy.forums.gravityhelp.com/tags/datepicker Gravity Support Forums Tag: datepicker - Recent Posts en-US Sun, 19 Apr 2026 19:54:46 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/where-datepicker-beforeshowday-script-goes#post-372662 Wed, 10 Jul 2013 03:10:37 +0000 Richard Vav 372662@https://legacy.forums.gravityhelp.com/ <p>Good to hear. </p> https://legacy.forums.gravityhelp.com/topic/where-datepicker-beforeshowday-script-goes#post-372537 Wed, 10 Jul 2013 01:39:10 +0000 abtronic27 372537@https://legacy.forums.gravityhelp.com/ <p>Thank you, I found my solution. </p> https://legacy.forums.gravityhelp.com/topic/where-datepicker-beforeshowday-script-goes#post-370134 Tue, 09 Jul 2013 04:02:42 +0000 Richard Vav 370134@https://legacy.forums.gravityhelp.com/ <p>Hi,</p> <p>You shouldn't edit files contained in the plugin directory as any changes you make will be lost during updates, please take a look at the following page of the documentation for guidance on where to place code, <a href="http://www.gravityhelp.com/documentation/page/Where_Do_I_Put_This_Code%3F" rel="nofollow">http://www.gravityhelp.com/documentation/page/Where_Do_I_Put_This_Code%3F</a></p> <p>Regards,<br /> Richard </p> https://legacy.forums.gravityhelp.com/topic/where-datepicker-beforeshowday-script-goes#post-370119 Tue, 09 Jul 2013 03:51:13 +0000 abtronic27 370119@https://legacy.forums.gravityhelp.com/ <p>I am unclear where the jQuery script to deselect days should go. I have read on another thread it should be in the functions.php within the -child theme folder. This makes logical since due to if anything is updated (Gravity Forms Plugin, WordPress theme, or the CMS itself) the code will be safe in the themename-child directory.</p> <p>Another way is adding the scripting code inside the Plugins directory (gravityforms/js/datepicker.js). I just appended the javascript (in this example--&gt;http://jsfiddle.net/rLnTQ/104/) below the markup within datepicker.js. This breaks the datepicker, so I cannot figure this out. Plus if the Plugin is updated the code becomes overwritten.</p> <p>My question is when JavaScript/jQuery code is added to maximize the use of the product, where should it go? What is the most efficient way?</p> <p>Thank You </p> https://legacy.forums.gravityhelp.com/topic/datepicker-timepicker-and-recaptcha-issues#post-367883 Mon, 08 Jul 2013 07:15:05 +0000 Richard Vav 367883@https://legacy.forums.gravityhelp.com/ <p>@reubz you're welcome. </p> https://legacy.forums.gravityhelp.com/topic/datepicker-timepicker-and-recaptcha-issues#post-367868 Mon, 08 Jul 2013 07:02:37 +0000 reubz 367868@https://legacy.forums.gravityhelp.com/ <p>Thank You Richard!!!! Awesome. works perfectly now..... </p> https://legacy.forums.gravityhelp.com/topic/datepicker-timepicker-and-recaptcha-issues#post-362846 Fri, 05 Jul 2013 04:51:15 +0000 Richard Vav 362846@https://legacy.forums.gravityhelp.com/ <p>@clarityconsults your time field issue is being caused by the additional padding being applied by the following from your theme's style.css file<br /> <pre><code>div.gform_wrapper input, div.gform_wrapper select, div.gform_wrapper textarea { color: #222; font-family: &#39;Helvetica Neue&#39;, Arial, Tahoma, sans-serif !important; font-size: 12px !important; padding: 7px 7px 6px !important; }</code></pre> <p>How you solve it is up to you, you can either reduce that padding or alter the width of those inputs. To alter the width of those inputs you would use the following<br /> <pre><code>.gform_wrapper .gfield_time_hour input, .gform_wrapper .gfield_time_minute input, .gform_wrapper .gfield_date_month input, .gform_wrapper .gfield_date_day input, .gform_wrapper .gfield_date_year input { width: 60% !important; }</code></pre> <p>As for your datepickers header bar and gap before the date table you should be able to resolve that by adding the following CSS to your stylesheet<br /> <pre><code>#ui-datepicker-div select { margin: 5px !important; }</code></pre> <p>Regards,<br /> Richard </p> https://legacy.forums.gravityhelp.com/topic/datepicker-timepicker-and-recaptcha-issues#post-362809 Fri, 05 Jul 2013 04:24:28 +0000 Richard Vav 362809@https://legacy.forums.gravityhelp.com/ <p>@reubz your timepicker issue is being caused by your theme CSS setting the input to display: block; in style.css you have the following<br /> <pre><code>input[type=&quot;text&quot;], input[type=&quot;password&quot;], select, input[type=&quot;date&quot;], input[type=&quot;datetime&quot;], input[type=&quot;email&quot;], input[type=&quot;number&quot;], input[type=&quot;search&quot;], input[type=&quot;tel&quot;], input[type=&quot;time&quot;], input[type=&quot;url&quot;], textarea { font-family: &#39;Open Sans&#39;,&#39;Lucida Sans Unicode&#39;,&#39;Lucida Grande&#39;,sans-serif; color: #999; border: 1px solid #e5e5e5; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; display: block; font-size: 12px; margin: 0 0 20px 0; padding: 10px; height: auto; width: 100%; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }</code></pre> <p>in foundation.min.css you have this<br /> <pre><code>input[type=&quot;text&quot;], input[type=&quot;password&quot;], input[type=&quot;date&quot;], input[type=&quot;datetime&quot;], input[type=&quot;email&quot;], input[type=&quot;number&quot;], input[type=&quot;search&quot;], input[type=&quot;tel&quot;], input[type=&quot;time&quot;], input[type=&quot;url&quot;], textarea { background-color: #fff; font-family: inherit; border: 1px solid #ccc; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); color: rgba(0,0,0,0.75); display: block; font-size: 14px; margin: 0 0 12px 0; padding: 6px; height: 32px; width: 100%; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear; }</code></pre> <p>you should be able to override those two by adding the following<br /> <pre><code>.gform_wrapper .gfield_time_hour input, .gform_wrapper .gfield_time_minute input, .gform_wrapper .gfield_date_month input, .gform_wrapper .gfield_date_day input, .gform_wrapper .gfield_date_year input { display: inline-block !important; }</code></pre> <p>The positioning of the datepicker when appearing above and below the field is normal, you can see an example using the wordpress twenty twelve theme at <a href="http://gravity.wawrzyniak.me/datepicker/" rel="nofollow">http://gravity.wawrzyniak.me/datepicker/</a></p> <p>The style issues with the datepicker will again be due to your theme styles being overly broad and applying extra padding etc. you can override the issues with the month and year drop downs by using the following<br /> <pre><code>#ui-datepicker-div select { padding: 0 !important; margin: 2px !important; width: initial !important; }</code></pre> <p>Regards,<br /> Richard </p> https://legacy.forums.gravityhelp.com/topic/datepicker-timepicker-and-recaptcha-issues#post-362061 Thu, 04 Jul 2013 19:46:09 +0000 reubz 362061@https://legacy.forums.gravityhelp.com/ <p>reCAPTCHA issue resolved - I just changed the theme from White to Clean.. </p> https://legacy.forums.gravityhelp.com/topic/datepicker-timepicker-and-recaptcha-issues#post-358728 Tue, 02 Jul 2013 22:51:23 +0000 reubz 358728@https://legacy.forums.gravityhelp.com/ <p>@clarityconsults - I've also noticed that you have a z-indexing issue with your datepicker field. </p>