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

Avatar

Avatar

nayeemnshaikh

Avatar

nayeemnshaikh

nayeemnshaikh

18-11-2020

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

Accepted Solutions (1)

Accepted Solutions (1)

Avatar

Avatar

sureshd71454102

Avatar

sureshd71454102

sureshd71454102

20-11-2020

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

Answers (2)

Answers (2)

Avatar

Avatar

Anudeep_Garnepudi

Avatar

Anudeep_Garnepudi

Anudeep_Garnepudi

18-11-2020

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

Avatar

TUmesh

Avatar

TUmesh

TUmesh

18-11-2020

@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