Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
BedrockMission!

Learn more

View all

Sign in to view all badges

SOLVED

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

nayeemnshaikh
Level 2
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

 

coralUI date date and time field date condition date picker date range
1 Accepted Solution
SureshDhulipudi
Correct answer by
Community Advisor
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
Umesh_Thakur
Community Advisor
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

 

nayeemnshaikh
Level 2
Level 2

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

SureshDhulipudi
Correct answer by
Community Advisor
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