[Resolved] How to display date without timepicker in cred form

[Author]

Posts

[ernestasK]

Tell us what you are trying to do? Display only date without timepicker

Is there any documentation that you are following? Cannot find instructions

Is there a similar example that we can see? none

What is the link to your site? n/a

[Nigel]

Hi there

If the timepicker is being shown it's because when setting up the date field you chose the option to input date and time (screenshot).

If you don't need the time and just need the date then changes you make there will be reflected in what's output in the form.

If you need date & time for this field in the backend but only date in the frontend then you could use CSS to hide the time fields.

[ernestasK]

Please let me know how to hide hours and minutes cred field by CSS? As css selectors are generated randomly each time form loads. Thank you.

[Nigel]

When editing the form, if you switch to expert mode you can edit the markup.

You should see that your date/time field is added using a cred-field shortcode, which is placed inside a div with a class of form-group.

You can add another class there, e.g. "hide-select".

You could then hide the time select inputs and there labels with

.hide-select select, .hide-select span.wpt-form-label {
    display: none;
}