search

infor-design / enterprise-wc

Enterprise-grade web component library for the Infor Design System
Apache License 2.0
27 stars 22 forks source link

IdsDatePickerPopup : Unable to use it as menu-item #2368

Open sowmyaNelanti opened 1 month ago

sowmyaNelanti commented 1 month ago

Is your feature request related to a problem or use case? Please describe. As part of https://github.com/infor-design/enterprise-wc/issues/1697 enhancement request ids-date-picker-popup is made but our application actually requires just normal component as ids-calendar, instead of popup component.

Unable to make use of ids-date-picker-popup in ids-menu as ids-menu-item Actually I want to develop as below, on hovering some menu item, the submenu should open with calendar picker. So thought of using 'ids-date-picker-popup' but unable to

image

Describe the solution you'd like It would be great If ids-date-picker-popup can be used directly instead of triggering it when some user action is done.

Describe alternatives you've considered I have tried creating the calendar using ids-month-year-picklist and and ids-month-view, ids-month-view is fitting properly in ids-menu-item but ids-month-year-picklist is not fitting properly as in below image image

Additional context please refer https://teams.microsoft.com/l/message/19:b649a7c426e64e3dbedb0cc5202ce2d4@thread.skype/1716371752574?tenantId=457d5685-0467-4d05-b23b-8f817adda47c&groupId=4f50ef7d-e88d-4ccb-98ca-65f26e57fe35&parentMessageId=1716371752574&teamName=IDS%20Enterprise%20Development&channelName=Web%20Components&createdTime=1716371752574 chat if any queries

tmcconechy commented 1 month ago

@sowmyaNelanti my initial take is this is too complicated of an interaction for a menu. Did you consider just using a date picker on the form?

Can you explain a bit about the use case for justification when i review with the team?

sowmyaNelanti commented 4 weeks ago

we have a requirement to show two idsDatePickers in menu-item, the calendars should be in opened state when user hovers on a menu group. IdsDatePickerPopup can not be used in this case as date pickers should be opened on hovering menu-group by default and using IdsDatePickerPopup.show() is not working when used in menu-item. As in the below image when user hovers on More Action menu-group menu-item with two calendars should be opened. image

tmcconechy commented 4 weeks ago

Did you consider opening a popup or modal from the menu? From an accessibility/usability and difficulty standpoint putting something like that in the menu is going to be problematic.

But will review and confirm with the team if this is something we want...