Expand my Community achievements bar.

Don’t miss the AEM Skill Exchange in SF on Nov 14—hear from industry leaders, learn best practices, and enhance your AEM strategy with practical tips.
SOLVED

Coral.Datepicker min & max NOT working when we input the date value manually via input field.

Avatar

Level 2

In the below reference URL when we set the Min value to today and then change the date field value to any past date value by manually editing in the date input field, it automatically invalidates date field ( turn the input field red ) Please refer below Screenshot-1 

 

But the same thing is NOT working in our project.  Means that when we set the coral-datepicker min attribute value to today, the past dates in the date picket are getting disabled but we are able to enter the past dates by manually editing in the date input field. 
It is NOT working as per reference URL. 
We want to restrict the users from entering any date less than min date or greater than max date even by manually editing in the date input field.

 

Request your help here. Thanking you.

 

Reference URL

https://helpx.adobe.com/experience-manager/6-3/sites/developing/using/reference-materials/coral-ui/c...


Screenshot-1
working.png

 

Topics

Topics help categorize Community content and increase your ability to discover relevant content.

1 Accepted Solution

Avatar

Correct answer by
Community Advisor

I used 

sling:resourceType - granite/ui/components/coral/foundation/form/datepicker

and

minDate - today

type - datetime

 

please see screen shot for all properties, this is working for me

aem-date-picker-1.pngaem-date-picker-2.png

 

aem-date-picker-3.png

 

date field will take the system date and timezone

View solution in original post

4 Replies

Avatar

Community Advisor

@nayeemnshaikh,

can you check the spelling of Min it should be "min" only nothing else.

if it also doesn't works then can you check whether your dialog is entirely developed either in coral3 or granite UI not in the combination of both.

You can also see the browser console if something is there or not?

hope this will help.

Umesh Thakur

 

Avatar

Level 2

Thanks for your reply.
We have mentioned as min correctly still it doesn't work.
We have coralui3.
No browser console errors.

Avatar

Community Advisor

Hi @nayeemnshaikh 

Check the below documentation use properties accordingly. It is not min & max but minDate & maxDate.

https://helpx.adobe.com/experience-manager/6-4/sites/developing/using/reference-materials/granite-ui...

Hope works!

AG

Avatar

Correct answer by
Community Advisor

I used 

sling:resourceType - granite/ui/components/coral/foundation/form/datepicker

and

minDate - today

type - datetime

 

please see screen shot for all properties, this is working for me

aem-date-picker-1.pngaem-date-picker-2.png

 

aem-date-picker-3.png

 

date field will take the system date and timezone