Log in to AnswerLog in to Follow
Shrinjala Singh
23Views
1Comments
How to close the [DatePicker] Calendar while scrolling the page
Question

Hi,

I am using DatePicker in reactive. When m clicking on input, calendar is opening and now if i will scroll down the page how to close the calendar even without selected any date.

0
0
on 2020-10-12

Hi Shrinjala,

Try applying this JS in on ready event of your web block or screen.

document.getElementsByClassName("screen-container")[0].addEventListener('scroll', function() {

  console.log('Scroll event');

  document.getElementsByClassName('pika-lendar')[0].style.display = 'none';

});

Reference : https://saravanan-gamechanger.outsystemscloud.com/TEST/TextEditor?_ts=637579255318936853

regards,

Saravanan Santhanam.

0
1
on 29th May
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.