Date Field's date picker doesn't work inside a modal

Extensions
1

The date picker (triggered via the calendar icon) in a date field is not behaving correctly when placed inside a modal.

  • The calendar popup does not fully expand/stretch within the modal

  • Parts of the calendar become inaccessible

  • Scrolling is limited or not possible inside the modal

Outside of a modal, the date picker works as expected (you can scroll and view the full calendar). Inside a modal, however, the full UI cannot be seen or interacted with properly.

Has anyone encountered this or found a workaround?

2

Hey @0_0 - thanks for flagging this. This does sound odd.

Just to help me dig into this on our end, could you let me know which customer account extension target you’re using and which API version you’re on? If you’re open to sharing a minimal repro as well that would be super helpful, just want to make sure I can try to replicate this correctly.

Hope to hear from you soon!

3

api_version = “2026-01”
target = “customer-account.profile.block.render”

target doesnt matter

 function Extension() {
  return (
    <>
      <s-button command="--show" commandFor="modal-1">
        Add Product
      </s-button>
      <s-modal id="modal-1" heading="Return Policy">
        <s-date-field
          label="Pickup date"
          defaultValue="2025-10-01"
        ></s-date-field>
      </s-modal>
    </>
  );
}
4

Hey @0_0 - thanks for the details and the code sample, really appreciate this. We’re looking into this on our end now and I’ll loop back with you once I have more info.

6

Hey @0_0 - just following up here. We’re looking into this on our end still, but we are having trouble replicating what you’re seeing. Would you be open to sharing a screenshot or video we can take a look at? Thanks!

7

Hey @Alan_G

Thank you for looking into this
I could’nt replicate this anymore,
Im guessing there was an update for this or something
after I posted this

It would be nice if the tooltip arrow would be pointing the calendar field

image
image390Ă—681 26.1 KB

I moved to this instead since the date picker was buggy
and i needed it that time

image

Thanks

8

Hey @0_0 - glad to hear it’s working as expected for you now! Sounds like a fix may have landed in the meantime on our end here.

Happy to pass that feedback along too, just want to make sure I’m flagging the right thing. Could you clarify what you mean by the tooltip arrow pointing to the calendar field? Looking at the first screenshot you shared, are you referring to a small visual indicator/arrow that would anchor the calendar popover back to the “Pickup date” input field below it, or something else?

Thanks!

9

Yes, exactly, that’s the indicator I meant.
The small arrow that connects the calendar popover back to the “Pickup date” field, it would just look better if its in the same area instead of pointing the end of the field

10

Hey @0_0 -

Thanks for clarifying that, definitely makes sense and I can see how having the popover arrow anchor closer to the calendar icon (or the field as a whole) would feel more natural than pointing to the trailing edge.

Happy to log this as a polish/UX note internally on my end so it gets in front of the right team. Can’t guarantee a timeline on it landing as a fix, but I’ll make sure it gets passed along.