JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//unpkg.com/vue/dist/vue.js"></script>
<script src="//unpkg.com/element-ui/lib/index.js"></script>
<div id="app">
<el-form ref="form" :model="form" label-width="80px" ref="form">
  <el-form-item label="活动时间" prop="date1">
     <el-date-picker type="date" placeholder="选择日期" v-model="form.date1" style="width: 100%;"></el-date-picker>
  </el-form-item>
  
  <el-form-item label="活动时间" prop="date2">
     <el-date-picker type="date" placeholder="选择时间" v-model="form.date2" style="width: 100%;"></el-date-picker>
  </el-form-item>

</el-form>
</div>

SCSS

@import url("//unpkg.com/element-ui/lib/theme-default/index.css");

Babel + JSX

var windowObjectReference; // global variable

function openRequestedPopup() {
  windowObjectReference = window.open(
    "http://www.domainname.ext/path/ImgFile.png",
    "DescriptiveWindowName",
    "width=420,height=230,resizable,scrollbars=yes,status=1"
  );
}

openRequestedPopup()