Hi,

I am trying to trial the DateRangePicker before purchasing a license. I struggled for hours, every time instantiated a DateRangePicker via Javascript (with custom ranges) as per example (except HTML slightly different - see later), I noticed that my other form elements would be grouped into the same column.

I noticed that when instantiated with Javascript, and using empty element notation to close the div placeholder for the DateRangePicker the closing tag for the placeholder is moved to just above the close tag.

Is this correct?

<div id="datepicker" /> <!--does not work, close div is generated and moved to above </body> -->
<div id="datepicker"></div> <!--works-->

Example at CodePen: https://codepen.io/Tristan-Margot/pen/dPydEXG
Fix: Use close tag

• Operating system and version (Windows, macOS, Android, iOS): Windows
• Browser and version (Chrome, Firefox, Safari, Microsoft Edge, Opera, Android Browser): Chrome

Many thanks,
Tristan