Problems encountered when using render components in table

{
            title: "",
            key: "time",
            width: 160,
            render: (h, params) => {
              const type = params.row.time;
              const index = params.index;
              return h("div", [
                h("DatePicker", {
                  props: {
                    type: "datetime",
                    value: type
                  },
                  style: {
                    marginRight: "5px"
                  },
                  on: {
                  //
                  // DatePicker :: :: 
                  //  
                    "on-change": (value) => { 
                      this.orderData[index].time = value;
                    }
                  }
                })
              ]);
            }
          },

after the component DatePicker, selected by render time in table is bound to on-change, you cannot select the year: month: day, hour: minute: second at one time (for example, after selecting the year, the expanded calendar shrinks up, and then when you select the month, you need to expand again to select it. Is there any way to solve this problem?

Mar.23,2021

I tried it in jsfiddle. It doesn't seem to be a problem. You can consider updating the iview version.
Link description

Menu