# Change position of calendar inside modal

**URL:** <https://forum.ionicframework.com/t/change-position-of-calendar-inside-modal/240006>\
**Category:** Ionic Framework\
**Created:** [February 29, 2024, 6:26am UTC](https://forum.ionicframework.com/t/change-position-of-calendar-inside-modal/240006 "2024-02-29T06:26:54Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![shapebuster](https://avatars.discourse-cdn.com/v4/letter/s/ba9def/32.png) [@shapebuster](https://forum.ionicframework.com/u/shapebuster)\
**Post date:** [February 29, 2024, 6:26am UTC](https://forum.ionicframework.com/t/change-position-of-calendar-inside-modal/240006/1 "2024-02-29T06:26:54Z")

</div>

Hi there, how can I make the ion-datetime calendar go to the bottom of the screen instead of the top?

 ![image](https://global.discourse-cdn.com/ionicframework/original/3X/d/5/d506d42d8421adf6790ba6d8188ca635daa4a8e5.png)

---

<div class="post-metadata">

**Author:** ![twestrick](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/twestrick/32/136131_2.png) [@twestrick](https://forum.ionicframework.com/u/twestrick)\
**Post date:** [February 29, 2024, 1:49pm UTC](https://forum.ionicframework.com/t/change-position-of-calendar-inside-modal/240006/2 "2024-02-29T13:49:47Z")

</div>

It would be best if you shared some code of what you’ve done so far. A StackBlitz would be even better.

One option is maybe use `IonFooter` within your `IonModal`. Some CSS Flexbox would probably do the trick too.