Ngx-Bootstrap Inline Datepicker Workaround

Question

I need few suggestions/workarounds. I am having an issue on user experience of ngx-bootstrap inline datepicker.

If the user selected the date range on the same day, some user only click once. The problem is bsValueChange only emit when click twice. So when the user click the apply button on the screenshot, it applies the previous value. What i want to do is if the user did not click twice, i disable the apply button but the v5.3.0 does not have an event emitter for that situation.

Thank you

enter image description here

Answer 1

Hi I would suggest you add some external buttons with some predefined date ranges like in here. quick dates with buttons

Then you can just hook it to a click event and in the method you set the bsValue input to [m().subtract(0, 'days').startOf('day').toDate(), m().endOf('day').toDate()]; where m refers to momentjs.