Datepicker appears underneath Modal

[martimalek]

• @freenow/wave version: 2.1.0 (older versions as well, in the v1 docs it also happens)

Relevant code

Datepicker appears underneath the Modal when adding it inside it

Code taken from DatepickerOnModal story

<>
    <Button size="small" onClick={() => setShowModal(true)}>
        Open Modal with Datepicker
    </Button>
    {showModal && (
        <Modal dismissible={false} onClose={() => setShowModal(false)}>
            {dismiss => (
                <>
                    <Headline as="h2">New Event</Headline>

                    <DatePicker value={value} onChange={setValue} />

                    <br />
                    <Button onClick={dismiss}>Add Event</Button>
                    <TextButton onClick={dismiss}>Cancel</TextButton>
                </>
            )}
        </Modal>
    )}
</>

Screenshot of the above code in our docs

What was expected to happen?

Datepicker should appear above the Modal, not underneath it

Reproduction

Check the issue in our docs site

[github-actions[bot]]

:tada: This issue has been resolved in version 2.1.1 :tada:

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot :package::rocket: