Set limit for time within date picker field

Could you please make it so that limits can be applied to the available times, so that it might not be the full 24 hours that are available? This way I could limit entries to be after 8am and before 10pm or something similar. Since you already have a similar filter on the Number form element it seems like a simple addition.

Please please please add a similar feature to the Time selection of the Date Picker.

To clarify, do you want to add a limit on the quantity of items?

You may use the Gift registry or the inventory widget .

https://widgets.jotform.com/widget/gift_registry

https://widgets.jotform.com/widget/inventory

However, these widgets will not be affected by the date picker field.

To clarify, do you want the date picker field to hold options?

Can you please explain further how you want to use the date picker field?

Looking forward for your response.        

That is not what I am asking for at all. Can you please read my request again? I want to create floor and ceiling caps for the times available in the Time portion of the Date Picker. To be clear I am not talking about selecting any sort of inventory, or using any other form element or widget than the Date Picker. Instead of 12:00am-11:59pm being available, I want to be able to make it 8am-10pm, or 4pm-7pm. I want to be able to control the window of time available for someone filling the form to be able to select in the Date Picker form element

Thank you for the information that you provided.

I have created a feature request ticket and sending it to our back-end team. Please be noted that creating a feature request ticket does not ensure that the feature will be implemented. It completely depends upon the feasibility and priority of our developers. We will get back to you as soon as an update is available.

Any progress?

The ticket is still open, but the priority is rather low. This is not likely that the request will be implemented in the nearest time.

If you can set time in 24-hour format, we can show you how to hide specific hours with injected CSS.

I do have it set to 24 hour mode. the form is https://www.jotform.com/build/91875587472171#preview

I could not find a way to do it through CSS injection, however, this can be done through the source code: https://www.jotform.com/help/104-How-to-get-the-Full-Source-Code-of-your-Form

Please paste the source code in a text editor, and find time fields, then put the following CSS code on the options you want to hide: style="display:none;"

Example:

Result:

Note when using the Source Codes: Every time you change (add or remove fields) from your form in the form builder, you must update the form codes on your site by re-embedding the form. This is because the source codes that are currently embedded to your page are not automatically updated. 

Let us know if you need more help.

That is an interesting work around, however I have to work with an iFrame, not the source code.

Perhaps Mike's method will work?

Do you wish to set the limit on the field below?

If yes, please try the CSS code below:

#hour_77 option[value="00"],option[value="01"],option[value="02"],option[value="03"],option[value="04"],option[value="05"],option[value="06"],option[value="07"],option[value="23"]

{

  display: none !important;

}

For example, if you would like to hide specific hours for some Date Picker field, based on Andrew's example, you can check the hour field ID in the field details.

Then, use it in CSS like this:

#hour_77 option[value="00"],
#hour_77 option[value="01"],
#hour_77 option[value="02"],
#hour_77 option[value="03"],
#hour_77 option[value="04"],
#hour_77 option[value="05"],
#hour_77 option[value="06"],
#hour_77 option[value="07"],
#hour_77 option[value="23"] {
display: none !important;
}

Also, it looks like you need a closing curly bracket } after your @media query.

YES! THANK YOU! That was exactly what I needed!