コミュニティアチーブメントバーを展開する。

Submissions are now open for the 2026 Adobe Experience Maker Awards.

Mark Solution

この会話は、活動がないためロックされています。新しい投稿を作成してください。

解決済み

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

 

トピック

トピックはコミュニティのコンテンツの分類に役立ち、関連コンテンツを発見する可能性を広げます。

1 受け入れられたソリューション

Avatar

正解者
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

元の投稿で解決策を見る

4 返信

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

正解者
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