You can add a time picker in the date picker component, so the users can select the time along with the date.
Enable Time Picker
First select the date/date range picker on your page:
Scroll down the properties panel and enable Time Picker:
Time Picker Options
You can select whether to display the time picker in 24 hours format or use 12 hours AM/PM.
Note - this only affects how the time picker looks, the time format displayed on the page depends on the date format options which you are using:
Set the increment of the minutes selection list. Setting this to 15 will show 00, 15, 30, 45 as options:
Time Format Options
Scroll up to the date picker options. You need to add the hours/minutes in the date format options in order to display them in the input:
Here are the available time format options:
H - 24 hours (0, 1 … 22, 23)
HH - 2 digit 24 hours ( 00, 01 … 22, 23)
h - 12 hours (1, 2 … 11, 12)
hh - 2 digit 12 hours ( 01, 02 … 11, 12)
m - minute (0, 1 … 58, 59)
mm - 2 digit munute (00, 01 … 58, 59)
A - AM/PM
a - am/pm
Example:
YYYY/MM/DD h:mm a will return: 2019/06/18 10:45 pm
YYYY/MM/DD HH:mm will return: 2019/06/18 22:45
Last updated: