The Timepicker Field

The "Timepicker Field" gives you the ability to create a field which can display the time using PHP's Time Formats.

Field Settings

As you can see from the screenshot below, while setting up the field you can directly type in your preferred PHP Time Format and it will be used to be displayed as such in the frontend.

acf-timepicker-customization-options

Name Description
Name The name will be used to identify the field. Leave this blank and Joomla will fill in a default value from the title.
Label The label of the field to display.
Description A description of the field that will be displayed in the label tooltip.
Required Is this a mandatory field?
Time format Choose the time format you'd like to see on the frontend. It uses PHP's time format characters.

For example, if you want to display the hour in a single digit notation for hours and minutes then you can use the PHP Time Format H:i. If you want a double digit notation then use HH:ii and so forth.

Usage

Its usage is really simple. Once you set it up then while in the article edit screen you can click the time field and select the time through the dialog which popups up above.

acf-timepicker-usage

Frontend Display

Take a look at the screenshot below to see how it could be displayed in your frontend.

acf-timepicker-frontend