Datepicker not shown in full width in FD sidebar

Hello,

I integrated a Crayons form in a Freshdesk app a while ago.
Unfortunately, the datepicker is not shown in its full width:
image

Saturday is cut and the option to jump to the next month aswell.

I found out, that if I shrink the mdp-container element inside datepicker, it is shown in its full size:
image

But why doesn’t it render properly when loading the page/app?

Best,
Tom

Does this app run in the ticket_sidebar location?

Which Crayons version are you using?

Hello @kaustavdm

Thank you for your reply.

Using V4:

And yes, ticket sidebar.

Best,
Tom

Hello Community, Hi @kaustavdm,
any news on this? App still is not rendering the full calender correctly.
Now using V4 straight:

<script type="module" src="https://unpkg.com/@freshworks/crayons@v4/dist/crayons/crayons.esm.js"></script>

Best,
Thomas

@ThomasH Can you confirm if this issue been resolved as part of the Crayons v4.0.5 release?

Hello @kaustavdm

unfortunately not. Still don’t see the verymost right part of the datepicker:
image

Could be replicated on Datepicker (fw-datepicker) | Crayons aswell.
If you shrink the width of the browser, it does neither render smaller nor does it move, when you use the horizontal scrollbar:

Best,
Thomas

@arvindan.ta any chance you might be able to help here with your expertise?

@satwik we are discussing internally on this.

Issue: The widget is rendered inside an iframe, the datepicker’s popup is getting hidden and not overflowing outside of iframe. Seems to be a limitation with iframes.

Will get back once we find a way around this.