Issue with date field format

[srk381]

I have added datepicker field to dialog for DOB option. When submitting the field the value is getting stored in the following format 2023-02-28T00:00:00.000+05:30.

But I would want to display only the date (Ex: 2023-02-28) without time and timezone info in it.

I have followed: https://blogs.perficient.com/2018/10/18/a-way-to-handle-dates-in-aem/

Added additional field to dialog with properties as shown in above article:

DOB is the actual DOB field and DOB0 is the additional field added with name property including @TypeHint

The Properties for the DOB0 are as follows:

Properties for DOB are as follows:

But while submitting the date field from dialog, it shows an error message as "invalid payload".

When I change the valueFormat property to from YYYY/MM/DD to YYYY-MM-DD, the value is getting saved again in following format:

2023-02-28T00:00:00.000+05:30.

Can someone help me on how can I show only date without time for datepicker field please? Thanks!

[krishna_sai · Accepted solution]

Hi @srk381 ,
Can you please try something like this

and saved property looks like this

Hope this works.
Thanks,

Krishna

[SivakumarKanoori]

@srk381 

use it as below.

<duedate
	granite:rel="project-duedate"
	jcr:primaryType="nt:unstructured"
	sling:resourceType="granite/ui/components/coral/foundation/form/datepicker"
	displayedFormat="YYYY-MM-DD"
	fieldLabel="Due Date"
	minDate="today"
	name="taskDueDate"
	type="datetime"/>
	<duedatetypehint
	jcr:primaryType="nt:unstructured"
	sling:resourceType="granite/ui/components/coral/foundation/form/hidden"
	name="taskDueDate@TypeHint"
	type="datetime"
	value="Calendar"/>

[arunpatidar]

Could you please try the valueFormat and displayedFormat properties at

https://developer.adobe.com/experience-manager/reference-materials/6-5/granite-ui/api/jcr_root/libs/...