How to use the date range picker in a dropdown

I have a table where I allow the user to click an icon in the column to filter that column. I have a column that allow filtering with a search bar and another with a toggle. I want to create another filter with date range picker but I have an issue:

  1. I expand the dropdown menu
  2. I click on the date range picker input to show the calendar
  3. I click on the left arrow to go to the previous month (the dropdown menu disappear)
  4. I select a date range, as soon as I click to select the end date the picker move to top right corner of the page (I think it’s because the dropdown menu is not there anymore and the picker doesn’t “know” where he should be)

Is there an option or something to do fix that? Prevent click event to propagate and close the dropdown menu maybe?

Community Page
Last updated: