Skip to main content
This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
SivakumarKanoori
SivakumarKanooriAccepted solution
Community Advisor
May 31, 2023

@harshv7973321 : I think, this cannot be achieve through AEM datepicker component. 

<input type="date" id="${guideid}${"_widget"}" name="${guide:encodeForHtmlAttr(guideField.name,xssAPI)}"
value="${guide:encodeForHtmlAttr(guideField.value,xssAPI)}" style="${guide:encodeForHtmlAttr(guideField.widgetInlineStyles,xssAPI)}"
min="${guide:encodeForHtmlAttr(guideField.minimumDate,xssAPI)}"
max="${guide:encodeForHtmlAttr(guideField.maximumDate,xssAPI)}"/>

 

we can pass only  min and max . 

If you still need to achieve , then you can try to implement customized datepicker for your use case.

 

Thanks,

Siva

Thanks,Siva
View in thread

2 replies

Pulkit_Jain_
Adobe Employee
Pulkit_Jain_Adobe Employee
Adobe Employee
May 30, 2023

@harshv7973321 

I haven't tried this and don't have a reference implementation. Still, you can use moment.js as the client library[0] and make the necessary changes[1] for specific dates by defining an Array containing dates and using this Array to decide whether or not to disable dates.

 

[0] - https://forms.life/2020/06/10/adaptive-forms-date-techniques-with-moment-js/ 

[1] - https://stackoverflow.com/questions/49818429/how-to-disable-the-selected-and-previous-date-in-moment-js-calendar 

Translate
    SivakumarKanoori
    Community Advisor
    SivakumarKanooriCommunity AdvisorAccepted solution
    Community Advisor
    May 31, 2023

    @harshv7973321 : I think, this cannot be achieve through AEM datepicker component. 

    <input type="date" id="${guideid}${"_widget"}" name="${guide:encodeForHtmlAttr(guideField.name,xssAPI)}"
    value="${guide:encodeForHtmlAttr(guideField.value,xssAPI)}" style="${guide:encodeForHtmlAttr(guideField.widgetInlineStyles,xssAPI)}"
    min="${guide:encodeForHtmlAttr(guideField.minimumDate,xssAPI)}"
    max="${guide:encodeForHtmlAttr(guideField.maximumDate,xssAPI)}"/>

     

    we can pass only  min and max . 

    If you still need to achieve , then you can try to implement customized datepicker for your use case.

     

    Thanks,

    Siva

    Translate
    Thanks,Siva
      Terms & ConditionsAccessibility statement

      Loading footer...