How to add Date Range filter in Column header of ui table(sap.ui.table)

I am trying to add a Date Range filter in the column header of an sap.ui.table.Table. The solution I found in this SAP Community post seems to be outdated and doesn’t work with the latest SAP UI5 versions.

Is there an updated approach to implement a Date Range filter directly in the column header? Ideally, I would like to use sap.m.DateRangeSelection or a similar control that fits within the sap.ui.table.Column. How can this be achieved while ensuring compatibility with recent UI5 versions?

Any help or working example would be much appreciated!

I attempted to follow the solution from the SAP Community, which suggests overriding the filter bar with a custom control like sap.m.DateRangeSelection by manipulating the table’s filterProperty. Unfortunately, this approach didn’t seem to work, likely due to changes in how UI5 handles filtering in recent versions. I also tried adding a customData field to the column and setting it up manually, but it didn’t behave as expected within the column header.

What I was expecting:
I was expecting to add a sap.m.DateRangeSelection control in the column header filter area that allows users to select a date range, which would automatically filter the table data based on the selected date range. The filter should apply dynamically without any extra custom logic for handling the range comparison manually.