# Resizing Popup Calendar Component

**URL:** <https://forum.inductiveautomation.com/t/resizing-popup-calendar-component/23579>\
**Category:** Ignition\
**Created:** [March 25, 2019, 8:24pm UTC](https://forum.inductiveautomation.com/t/resizing-popup-calendar-component/23579 "2019-03-25T20:24:16Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![seth.thomas](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/seth.thomas/32/6882_2.png) [@seth.thomas](https://forum.inductiveautomation.com/u/seth.thomas)\
**Post date:** [March 25, 2019, 8:24pm UTC](https://forum.inductiveautomation.com/t/resizing-popup-calendar-component/23579/1 "2019-03-25T20:24:16Z")

</div>

Hi all,

I am currently having some trouble controlling the size/location of the popup calendar component. I believe I will need to intercept it’s initialization and use some Swing code in order to get it to appear where I’d like; however, I’m at a loss at how to do so.

The popup window I’m working on looks like this, where the Event End Time dropdown is a Popup Calendar component:  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/2X/4/4b4baa8eeba3548f96ce8822b322b65062ab9111.png)

When clicked, the popup calendar looks like this:

 ![PopupCalendarOpened](https://us1.discourse-cdn.com/inductiveautomation/original/2X/c/c319bd382e4240297316e93c6a9714dddde251e8.png)

I need to be able to change the opening location of this calendar and resize it so that the user can still see the start and end time labels while selecting a date. Any suggestions on how to go about this?

Thanks

---

<div class="post-metadata">

**Author:** ![JGJohnson](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/jgjohnson/32/29582_2.png) [@JGJohnson](https://forum.inductiveautomation.com/u/JGJohnson)\
**Post date:** [March 25, 2019, 9:04pm UTC](https://forum.inductiveautomation.com/t/resizing-popup-calendar-component/23579/2 "2019-03-25T21:04:06Z")

</div>

I would attempt to fix the issue with layout. The calendar component is quite a bit wider than it needs to be, as are the labels that display the start and end times.

You may be able to move the calendar component component below the labels and avoid the issue or put it to the right of the displayed end time.