Hi Team,
I'm currently utilizing the dateRange option in TimeAxisHeaderMenu. My requirement is to work with a single date, and by default, it displays the current date.
As I am working with only one date, I've observed that when I hover over the dateRange and subsequently click the calendar icon to choose a date from the datePicker, it suits my needs.
Now, my preference is to streamline this process further. I would like the datePicker to be displayed directly when I hover over the dateRange, allowing me to choose the date seamlessly without the additional step of clicking the calendar icon.
Could you please guide me on how to achieve this? I have attached code snippet and screenshots for reference.
timeAxisHeaderMenu: {
items: {
dateRange: {
text: "Date Range",
menu: {
items: {
dateRangeStart: true, // Show only start date
dateRangeEnd: false, // Hide end date
startDateField: {
label: "Filter Date",
},
endDateField: {
hidden: true,
},
},
},
},
},
}
Thank you