Keep end date in range calendar

#1

Hello, im following your sample here

image
image.png1871×821 101 KB

But when i select the day 21. the calendar reset the range and start again.
Is it posible to keep the start date (01/13) and just change the end date?
I’m using the version ("@mobiscroll/angular": “^4.9.1”)

Thank you

#2

Im trying force the inst.setActiveDate to ‘end’ inside the onSetDate but it enter in a infinite loop, i think the setActiveDate is triggering some kind of changeDetector…

#3

Hi @Hector_di_payaso :wave:

Your approach is good, the setActiveDate method and the onSetDate event should be used in this case. To solve the infinite loop problem, you need to use the setTimeout method. For example:

onSetDate: (event, inst) => {
     setTimeout(() => {
         if (event.active === 'end') {
             inst.setActiveDate('end');
         }
     });
}
1 Like
#4

Thank you elod!
I finally reached to the same solution, but without the setTimeout