How to set the width and height of the layui date control?

In layui date picker, you can adjust the width and height of the date picker by setting the width and height of the external container element.

You can add an external container element in HTML, set its width and height, and then place the rendering element of the date picker inside that container. Here is how you can do it:

1. Add a container element in HTML, such as a div element, and set its width and height, for example:

<div id="dateContainer" style="width: 200px; height: 200px;"></div>

1. Use the date control of layui in JavaScript to render the container element and set the width and height of the date control, for example:

layui.use('laydate', function(){
  var laydate = layui.laydate;
  
  laydate.render({
    elem: '#dateContainer',
    width: '200px',
    height: '200px'
  });
});

By following the steps above, you can set the width and height of the layui date control to 200px.