# Center DatePickerWidget Calender

**URL:** https://pdfjs.community/t/center-datepickerwidget-calender/2758
**Category:** Technical Support
**Created:** [August 4, 2023, 4:23am UTC](https://pdfjs.community/t/center-datepickerwidget-calender/2758 "2023-08-04T04:23:06Z")
**Posts on this page:** 2
**Page:** 1

<div class="post-metadata">

### Author: ![dale](https://avatars.discourse-cdn.com/v4/letter/d/ecd19e/32.png) [@dale](https://pdfjs.community/u/dale)
#### Post date: [August 4, 2023, 4:23am UTC](https://pdfjs.community/t/center-datepickerwidget-calender/2758/1 "2023-08-04T04:23:06Z")

</div>

**Which product are you using?**  
PDF.js Express Viewer

**PDF.js Express Version**  
7.4

**Detailed description of issue**  
How can I center the calender control in relation to the parent div instead of directly next to the DateWidget.

i.e use clicks on Date Picker, and instead of appearing next to the widget, it will appear in the center of a screen.

---

<div class="post-metadata">

### Author: ![kkim](https://avatars.discourse-cdn.com/v4/letter/k/3ab097/32.png) [@kkim](https://pdfjs.community/u/kkim)
#### Post date: [August 4, 2023, 5:29pm UTC](https://pdfjs.community/t/center-datepickerwidget-calender/2758/3 "2023-08-04T17:29:00Z")

</div>

Hi there,

Thanks for contacting pdf.js express forums,

Could you please clarify what you mean by center-ing the calendar control? Can you share a screenshot of expected and the actual result?

From the screenshot below, if you are trying to center the rotation controls, then you can use instantiate them: [PDFJS Express WebViewer Class: RotationControlHandle](https://pdfjs.express/api/Core.Annotations.RotationControlHandle.html#RotationControlHandle__anchor)

 ![image](https://canada1.discourse-cdn.com/flex031/uploads/pdfjscommunity/original/2X/6/652ad7ef547889523949a2b62a95ded4ffb9a3ec.png)

Best regards,  
Kevin Kim