how to use date time picker to select particular time and display the time selected in the front end in HH:MM:SS format

Hi @kattakiran1990 

Here is the xml code for you

<createdDate
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/coral/foundation/form/datepicker"
allowBulkEdit="{Boolean}true"
displayedFormat="MM/DD/YYYY HH:mm:ss"
disabled="{Boolean}true"
displayTimezoneMessage="{Boolean}true"
fieldLabel="Created Date"
fieldDescription="MM/DD/YYYY"
name="./jcr:created"
type="date"/>

Hope this helps!

Thanks,

Kiran Vedantam.

Hi @kattakiran1990,

You can use the type as datetime or time and control the formatting in HTL (as you might have issues in persistence when using valueFormat as HH:mm:ss)

In HTL : ${'HH:mm:ss' @ format = properties.date}