How to render some customized content next to the calendar

Date and time pickers
1

Hi, Mobiscroll.
We’d like to render some React component next to the calendar.
Just like below:
image
Is there a way to do it?

2

Solution got!
We can use createPortal to render your component under .mbsc-popup-body

3

Hello @Kaikai_Wang and @George_Costanza :wave:

Please find below the answers:

  • the datepicker takes the width of the parent container in inline display mode so, you can easily display other elements next to it

  • or if you would like to use the datepicker in a popup and show additional content next to it: use the popup component and show the date picker in inline mode in it

1 Like
4

Thanks! I didn’t realize there is Popup component at disposal.

1 Like