diff --git a/components/date-picker/__tests__/__snapshots__/date-picker.test.tsx.snap b/components/date-picker/__tests__/__snapshots__/date-picker.test.tsx.snap
index cc12b3bfe..d1cfa6b16 100644
--- a/components/date-picker/__tests__/__snapshots__/date-picker.test.tsx.snap
+++ b/components/date-picker/__tests__/__snapshots__/date-picker.test.tsx.snap
@@ -1312,7 +1312,7 @@ exports[`DatePicker Common prop \`bordered\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -1323,7 +1323,7 @@ exports[`DatePicker Common prop \`bordered\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -1334,7 +1334,7 @@ exports[`DatePicker Common prop \`bordered\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -1345,7 +1345,7 @@ exports[`DatePicker Common prop \`bordered\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -1356,7 +1356,7 @@ exports[`DatePicker Common prop \`bordered\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -1403,7 +1403,7 @@ exports[`DatePicker Common prop \`bordered\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -1450,7 +1450,7 @@ exports[`DatePicker Common prop \`bordered\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -1497,7 +1497,7 @@ exports[`DatePicker Common prop \`bordered\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -1544,7 +1544,7 @@ exports[`DatePicker Common prop \`bordered\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -1591,7 +1591,7 @@ exports[`DatePicker Common prop \`bordered\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -1638,7 +1638,7 @@ exports[`DatePicker Common prop \`bordered\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -1685,7 +1685,7 @@ exports[`DatePicker Common prop \`bordered\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -1732,7 +1732,7 @@ exports[`DatePicker Common prop \`bordered\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -1779,7 +1779,7 @@ exports[`DatePicker Common prop \`bordered\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -1826,7 +1826,7 @@ exports[`DatePicker Common prop \`bordered\` should works 1`] = `
             ;
           }
 
-        </style>"
+        </style></div>"
 `;
 
 exports[`DatePicker Common prop \`className\` should works 1`] = `
@@ -3141,7 +3141,7 @@ exports[`DatePicker Common prop \`className\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -3152,7 +3152,7 @@ exports[`DatePicker Common prop \`className\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -3163,7 +3163,7 @@ exports[`DatePicker Common prop \`className\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -3174,7 +3174,7 @@ exports[`DatePicker Common prop \`className\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -3185,7 +3185,7 @@ exports[`DatePicker Common prop \`className\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -3232,7 +3232,7 @@ exports[`DatePicker Common prop \`className\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -3279,7 +3279,7 @@ exports[`DatePicker Common prop \`className\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -3326,7 +3326,7 @@ exports[`DatePicker Common prop \`className\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -3373,7 +3373,7 @@ exports[`DatePicker Common prop \`className\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -3420,7 +3420,7 @@ exports[`DatePicker Common prop \`className\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -3467,7 +3467,7 @@ exports[`DatePicker Common prop \`className\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -3514,7 +3514,7 @@ exports[`DatePicker Common prop \`className\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -3561,7 +3561,7 @@ exports[`DatePicker Common prop \`className\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -3608,7 +3608,7 @@ exports[`DatePicker Common prop \`className\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -3655,7 +3655,7 @@ exports[`DatePicker Common prop \`className\` should works 1`] = `
             ;
           }
 
-        </style>"
+        </style></div>"
 `;
 
 exports[`DatePicker Common prop \`dateRender\` should works 1`] = `
@@ -4970,7 +4970,7 @@ exports[`DatePicker Common prop \`dateRender\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -4981,7 +4981,7 @@ exports[`DatePicker Common prop \`dateRender\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -4992,7 +4992,7 @@ exports[`DatePicker Common prop \`dateRender\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -5003,7 +5003,7 @@ exports[`DatePicker Common prop \`dateRender\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -5014,7 +5014,7 @@ exports[`DatePicker Common prop \`dateRender\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -5061,7 +5061,7 @@ exports[`DatePicker Common prop \`dateRender\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -5108,7 +5108,7 @@ exports[`DatePicker Common prop \`dateRender\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -5155,7 +5155,7 @@ exports[`DatePicker Common prop \`dateRender\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -5202,7 +5202,7 @@ exports[`DatePicker Common prop \`dateRender\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -5249,7 +5249,7 @@ exports[`DatePicker Common prop \`dateRender\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -5296,7 +5296,7 @@ exports[`DatePicker Common prop \`dateRender\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -5343,7 +5343,7 @@ exports[`DatePicker Common prop \`dateRender\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -5390,7 +5390,7 @@ exports[`DatePicker Common prop \`dateRender\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -5437,7 +5437,7 @@ exports[`DatePicker Common prop \`dateRender\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -5484,7 +5484,7 @@ exports[`DatePicker Common prop \`dateRender\` should works 1`] = `
             ;
           }
 
-        </style>"
+        </style></div>"
 `;
 
 exports[`DatePicker Common prop \`disabledDate\` should works 1`] = `
@@ -6799,7 +6799,7 @@ exports[`DatePicker Common prop \`disabledDate\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -6810,7 +6810,7 @@ exports[`DatePicker Common prop \`disabledDate\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -6821,7 +6821,7 @@ exports[`DatePicker Common prop \`disabledDate\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -6832,7 +6832,7 @@ exports[`DatePicker Common prop \`disabledDate\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -6843,7 +6843,7 @@ exports[`DatePicker Common prop \`disabledDate\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -6890,7 +6890,7 @@ exports[`DatePicker Common prop \`disabledDate\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -6937,7 +6937,7 @@ exports[`DatePicker Common prop \`disabledDate\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -6984,7 +6984,7 @@ exports[`DatePicker Common prop \`disabledDate\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -7031,7 +7031,7 @@ exports[`DatePicker Common prop \`disabledDate\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -7078,7 +7078,7 @@ exports[`DatePicker Common prop \`disabledDate\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -7125,7 +7125,7 @@ exports[`DatePicker Common prop \`disabledDate\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -7172,7 +7172,7 @@ exports[`DatePicker Common prop \`disabledDate\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -7219,7 +7219,7 @@ exports[`DatePicker Common prop \`disabledDate\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -7266,7 +7266,7 @@ exports[`DatePicker Common prop \`disabledDate\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -7313,7 +7313,7 @@ exports[`DatePicker Common prop \`disabledDate\` should works 1`] = `
             ;
           }
 
-        </style>"
+        </style></div>"
 `;
 
 exports[`DatePicker Common prop \`locale\` should works 1`] = `
@@ -8628,7 +8628,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -8639,7 +8639,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -8650,7 +8650,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -8661,7 +8661,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -8672,7 +8672,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -8719,7 +8719,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -8766,7 +8766,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -8813,7 +8813,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -8860,7 +8860,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -8907,7 +8907,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -8954,7 +8954,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -9001,7 +9001,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -9048,7 +9048,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -9095,7 +9095,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -9142,7 +9142,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><div class=\\"cfx-picker cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"请选择年份\\" title=\\"\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
+        </style></div><div class=\\"cfx-picker cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"请选择年份\\" title=\\"\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
         .input-icon {
           box-sizing: content-box;
           display: flex;
@@ -10453,7 +10453,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -10464,7 +10464,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -10475,7 +10475,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -10486,7 +10486,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -10497,7 +10497,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -10544,7 +10544,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -10591,7 +10591,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -10638,7 +10638,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -10685,7 +10685,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -10732,7 +10732,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -10779,7 +10779,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -10826,7 +10826,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -10873,7 +10873,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -10920,7 +10920,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -10967,7 +10967,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><div class=\\"cfx-picker cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"请选择季度\\" title=\\"\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
+        </style></div><div class=\\"cfx-picker cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"请选择季度\\" title=\\"\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
         .input-icon {
           box-sizing: content-box;
           display: flex;
@@ -12278,7 +12278,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -12289,7 +12289,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -12300,7 +12300,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -12311,7 +12311,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -12322,7 +12322,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -12369,7 +12369,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -12416,7 +12416,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -12463,7 +12463,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -12510,7 +12510,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -12557,7 +12557,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -12604,7 +12604,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -12651,7 +12651,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -12698,7 +12698,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -12745,7 +12745,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -12792,7 +12792,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><div class=\\"cfx-picker cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"请选择月份\\" title=\\"\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
+        </style></div><div class=\\"cfx-picker cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"请选择月份\\" title=\\"\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
         .input-icon {
           box-sizing: content-box;
           display: flex;
@@ -14103,7 +14103,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -14114,7 +14114,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -14125,7 +14125,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -14136,7 +14136,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -14147,7 +14147,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -14194,7 +14194,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -14241,7 +14241,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -14288,7 +14288,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -14335,7 +14335,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -14382,7 +14382,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -14429,7 +14429,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -14476,7 +14476,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -14523,7 +14523,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -14570,7 +14570,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -14617,7 +14617,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><div class=\\"cfx-picker cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"请选择周\\" title=\\"\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
+        </style></div><div class=\\"cfx-picker cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"请选择周\\" title=\\"\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
         .input-icon {
           box-sizing: content-box;
           display: flex;
@@ -15928,7 +15928,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -15939,7 +15939,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -15950,7 +15950,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -15961,7 +15961,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -15972,7 +15972,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -16019,7 +16019,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -16066,7 +16066,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -16113,7 +16113,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -16160,7 +16160,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -16207,7 +16207,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -16254,7 +16254,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -16301,7 +16301,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -16348,7 +16348,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -16395,7 +16395,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -16442,7 +16442,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><div class=\\"cfx-picker cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"请选择时间\\" title=\\"\\" size=\\"10\\" autocomplete=\\"off\\" value=\\"\\"><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><circle cx=\\"12\\" cy=\\"12\\" r=\\"10\\"></circle><path d=\\"M12 6v6l4 2\\"></path></svg><style>
+        </style></div><div class=\\"cfx-picker cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"请选择时间\\" title=\\"\\" size=\\"10\\" autocomplete=\\"off\\" value=\\"\\"><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><circle cx=\\"12\\" cy=\\"12\\" r=\\"10\\"></circle><path d=\\"M12 6v6l4 2\\"></path></svg><style>
         .input-icon {
           box-sizing: content-box;
           display: flex;
@@ -17753,7 +17753,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -17764,7 +17764,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -17775,7 +17775,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -17786,7 +17786,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -17797,7 +17797,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -17844,7 +17844,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -17891,7 +17891,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -17938,7 +17938,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -17985,7 +17985,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -18032,7 +18032,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -18079,7 +18079,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -18126,7 +18126,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -18173,7 +18173,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -18220,7 +18220,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -18267,7 +18267,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><div class=\\"cfx-picker cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"Select date\\" title=\\"\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
+        </style></div><div class=\\"cfx-picker cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"Select date\\" title=\\"\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
         .input-icon {
           box-sizing: content-box;
           display: flex;
@@ -19578,7 +19578,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -19589,7 +19589,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -19600,7 +19600,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -19611,7 +19611,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -19622,7 +19622,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -19669,7 +19669,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -19716,7 +19716,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -19763,7 +19763,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -19810,7 +19810,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -19857,7 +19857,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -19904,7 +19904,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -19951,7 +19951,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -19998,7 +19998,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -20045,7 +20045,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -20092,7 +20092,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><div class=\\"cfx-picker cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"Select year\\" title=\\"\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
+        </style></div><div class=\\"cfx-picker cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"Select year\\" title=\\"\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
         .input-icon {
           box-sizing: content-box;
           display: flex;
@@ -21403,7 +21403,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -21414,7 +21414,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -21425,7 +21425,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -21436,7 +21436,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -21447,7 +21447,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -21494,7 +21494,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -21541,7 +21541,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -21588,7 +21588,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -21635,7 +21635,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -21682,7 +21682,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -21729,7 +21729,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -21776,7 +21776,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -21823,7 +21823,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -21870,7 +21870,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -21917,7 +21917,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><div class=\\"cfx-picker cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"Select quarter\\" title=\\"\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
+        </style></div><div class=\\"cfx-picker cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"Select quarter\\" title=\\"\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
         .input-icon {
           box-sizing: content-box;
           display: flex;
@@ -23228,7 +23228,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -23239,7 +23239,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -23250,7 +23250,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -23261,7 +23261,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -23272,7 +23272,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -23319,7 +23319,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -23366,7 +23366,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -23413,7 +23413,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -23460,7 +23460,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -23507,7 +23507,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -23554,7 +23554,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -23601,7 +23601,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -23648,7 +23648,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -23695,7 +23695,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -23742,7 +23742,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><div class=\\"cfx-picker cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"Select month\\" title=\\"\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
+        </style></div><div class=\\"cfx-picker cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"Select month\\" title=\\"\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
         .input-icon {
           box-sizing: content-box;
           display: flex;
@@ -25053,7 +25053,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -25064,7 +25064,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -25075,7 +25075,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -25086,7 +25086,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -25097,7 +25097,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -25144,7 +25144,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -25191,7 +25191,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -25238,7 +25238,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -25285,7 +25285,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -25332,7 +25332,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -25379,7 +25379,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -25426,7 +25426,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -25473,7 +25473,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -25520,7 +25520,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -25567,7 +25567,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><div class=\\"cfx-picker cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"Select week\\" title=\\"\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
+        </style></div><div class=\\"cfx-picker cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"Select week\\" title=\\"\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
         .input-icon {
           box-sizing: content-box;
           display: flex;
@@ -26878,7 +26878,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -26889,7 +26889,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -26900,7 +26900,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -26911,7 +26911,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -26922,7 +26922,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -26969,7 +26969,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -27016,7 +27016,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -27063,7 +27063,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -27110,7 +27110,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -27157,7 +27157,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -27204,7 +27204,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -27251,7 +27251,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -27298,7 +27298,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -27345,7 +27345,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -27392,7 +27392,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><div class=\\"cfx-picker cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"Select time\\" title=\\"\\" size=\\"10\\" autocomplete=\\"off\\" value=\\"\\"><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><circle cx=\\"12\\" cy=\\"12\\" r=\\"10\\"></circle><path d=\\"M12 6v6l4 2\\"></path></svg><style>
+        </style></div><div class=\\"cfx-picker cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"Select time\\" title=\\"\\" size=\\"10\\" autocomplete=\\"off\\" value=\\"\\"><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><circle cx=\\"12\\" cy=\\"12\\" r=\\"10\\"></circle><path d=\\"M12 6v6l4 2\\"></path></svg><style>
         .input-icon {
           box-sizing: content-box;
           display: flex;
@@ -28703,7 +28703,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -28714,7 +28714,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -28725,7 +28725,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -28736,7 +28736,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -28747,7 +28747,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -28794,7 +28794,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -28841,7 +28841,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -28888,7 +28888,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -28935,7 +28935,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -28982,7 +28982,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -29029,7 +29029,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -29076,7 +29076,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -29123,7 +29123,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -29170,7 +29170,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -29217,7 +29217,7 @@ exports[`DatePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style></div>"
+        </style></div></div>"
 `;
 
 exports[`DatePicker Common prop \`locale\` should works with compatibility 1`] = `
@@ -30532,7 +30532,7 @@ exports[`DatePicker Common prop \`locale\` should works with compatibility 1`] =
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -30543,7 +30543,7 @@ exports[`DatePicker Common prop \`locale\` should works with compatibility 1`] =
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -30554,7 +30554,7 @@ exports[`DatePicker Common prop \`locale\` should works with compatibility 1`] =
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -30565,7 +30565,7 @@ exports[`DatePicker Common prop \`locale\` should works with compatibility 1`] =
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -30576,7 +30576,7 @@ exports[`DatePicker Common prop \`locale\` should works with compatibility 1`] =
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -30623,7 +30623,7 @@ exports[`DatePicker Common prop \`locale\` should works with compatibility 1`] =
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -30670,7 +30670,7 @@ exports[`DatePicker Common prop \`locale\` should works with compatibility 1`] =
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -30717,7 +30717,7 @@ exports[`DatePicker Common prop \`locale\` should works with compatibility 1`] =
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -30764,7 +30764,7 @@ exports[`DatePicker Common prop \`locale\` should works with compatibility 1`] =
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -30811,7 +30811,7 @@ exports[`DatePicker Common prop \`locale\` should works with compatibility 1`] =
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -30858,7 +30858,7 @@ exports[`DatePicker Common prop \`locale\` should works with compatibility 1`] =
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -30905,7 +30905,7 @@ exports[`DatePicker Common prop \`locale\` should works with compatibility 1`] =
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -30952,7 +30952,7 @@ exports[`DatePicker Common prop \`locale\` should works with compatibility 1`] =
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -30999,7 +30999,7 @@ exports[`DatePicker Common prop \`locale\` should works with compatibility 1`] =
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -31046,7 +31046,7 @@ exports[`DatePicker Common prop \`locale\` should works with compatibility 1`] =
             ;
           }
 
-        </style><div class=\\"cfx-picker cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"Select date\\" title=\\"\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
+        </style></div><div class=\\"cfx-picker cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"Select date\\" title=\\"\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
         .input-icon {
           box-sizing: content-box;
           display: flex;
@@ -32357,7 +32357,7 @@ exports[`DatePicker Common prop \`locale\` should works with compatibility 1`] =
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -32368,7 +32368,7 @@ exports[`DatePicker Common prop \`locale\` should works with compatibility 1`] =
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -32379,7 +32379,7 @@ exports[`DatePicker Common prop \`locale\` should works with compatibility 1`] =
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -32390,7 +32390,7 @@ exports[`DatePicker Common prop \`locale\` should works with compatibility 1`] =
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -32401,7 +32401,7 @@ exports[`DatePicker Common prop \`locale\` should works with compatibility 1`] =
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -32448,7 +32448,7 @@ exports[`DatePicker Common prop \`locale\` should works with compatibility 1`] =
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -32495,7 +32495,7 @@ exports[`DatePicker Common prop \`locale\` should works with compatibility 1`] =
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -32542,7 +32542,7 @@ exports[`DatePicker Common prop \`locale\` should works with compatibility 1`] =
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -32589,7 +32589,7 @@ exports[`DatePicker Common prop \`locale\` should works with compatibility 1`] =
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -32636,7 +32636,7 @@ exports[`DatePicker Common prop \`locale\` should works with compatibility 1`] =
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -32683,7 +32683,7 @@ exports[`DatePicker Common prop \`locale\` should works with compatibility 1`] =
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -32730,7 +32730,7 @@ exports[`DatePicker Common prop \`locale\` should works with compatibility 1`] =
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -32777,7 +32777,7 @@ exports[`DatePicker Common prop \`locale\` should works with compatibility 1`] =
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -32824,7 +32824,7 @@ exports[`DatePicker Common prop \`locale\` should works with compatibility 1`] =
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -32871,7 +32871,7 @@ exports[`DatePicker Common prop \`locale\` should works with compatibility 1`] =
             ;
           }
 
-        </style><div class=\\"cfx-picker cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"Select date\\" title=\\"\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
+        </style></div><div class=\\"cfx-picker cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"Select date\\" title=\\"\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
         .input-icon {
           box-sizing: content-box;
           display: flex;
@@ -34182,7 +34182,7 @@ exports[`DatePicker Common prop \`locale\` should works with compatibility 1`] =
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -34193,7 +34193,7 @@ exports[`DatePicker Common prop \`locale\` should works with compatibility 1`] =
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -34204,7 +34204,7 @@ exports[`DatePicker Common prop \`locale\` should works with compatibility 1`] =
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -34215,7 +34215,7 @@ exports[`DatePicker Common prop \`locale\` should works with compatibility 1`] =
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -34226,7 +34226,7 @@ exports[`DatePicker Common prop \`locale\` should works with compatibility 1`] =
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -34273,7 +34273,7 @@ exports[`DatePicker Common prop \`locale\` should works with compatibility 1`] =
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -34320,7 +34320,7 @@ exports[`DatePicker Common prop \`locale\` should works with compatibility 1`] =
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -34367,7 +34367,7 @@ exports[`DatePicker Common prop \`locale\` should works with compatibility 1`] =
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -34414,7 +34414,7 @@ exports[`DatePicker Common prop \`locale\` should works with compatibility 1`] =
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -34461,7 +34461,7 @@ exports[`DatePicker Common prop \`locale\` should works with compatibility 1`] =
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -34508,7 +34508,7 @@ exports[`DatePicker Common prop \`locale\` should works with compatibility 1`] =
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -34555,7 +34555,7 @@ exports[`DatePicker Common prop \`locale\` should works with compatibility 1`] =
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -34602,7 +34602,7 @@ exports[`DatePicker Common prop \`locale\` should works with compatibility 1`] =
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -34649,7 +34649,7 @@ exports[`DatePicker Common prop \`locale\` should works with compatibility 1`] =
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -34696,7 +34696,7 @@ exports[`DatePicker Common prop \`locale\` should works with compatibility 1`] =
             ;
           }
 
-        </style><div class=\\"cfx-picker cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"Select date\\" title=\\"\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
+        </style></div><div class=\\"cfx-picker cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"Select date\\" title=\\"\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
         .input-icon {
           box-sizing: content-box;
           display: flex;
@@ -36007,7 +36007,7 @@ exports[`DatePicker Common prop \`locale\` should works with compatibility 1`] =
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -36018,7 +36018,7 @@ exports[`DatePicker Common prop \`locale\` should works with compatibility 1`] =
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -36029,7 +36029,7 @@ exports[`DatePicker Common prop \`locale\` should works with compatibility 1`] =
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -36040,7 +36040,7 @@ exports[`DatePicker Common prop \`locale\` should works with compatibility 1`] =
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -36051,7 +36051,7 @@ exports[`DatePicker Common prop \`locale\` should works with compatibility 1`] =
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -36098,7 +36098,7 @@ exports[`DatePicker Common prop \`locale\` should works with compatibility 1`] =
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -36145,7 +36145,7 @@ exports[`DatePicker Common prop \`locale\` should works with compatibility 1`] =
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -36192,7 +36192,7 @@ exports[`DatePicker Common prop \`locale\` should works with compatibility 1`] =
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -36239,7 +36239,7 @@ exports[`DatePicker Common prop \`locale\` should works with compatibility 1`] =
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -36286,7 +36286,7 @@ exports[`DatePicker Common prop \`locale\` should works with compatibility 1`] =
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -36333,7 +36333,7 @@ exports[`DatePicker Common prop \`locale\` should works with compatibility 1`] =
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -36380,7 +36380,7 @@ exports[`DatePicker Common prop \`locale\` should works with compatibility 1`] =
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -36427,7 +36427,7 @@ exports[`DatePicker Common prop \`locale\` should works with compatibility 1`] =
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -36474,7 +36474,7 @@ exports[`DatePicker Common prop \`locale\` should works with compatibility 1`] =
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -36521,7 +36521,7 @@ exports[`DatePicker Common prop \`locale\` should works with compatibility 1`] =
             ;
           }
 
-        </style></div>"
+        </style></div></div>"
 `;
 
 exports[`DatePicker Common prop \`mode\` should works 1`] = `
@@ -37836,7 +37836,7 @@ exports[`DatePicker Common prop \`mode\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -37847,7 +37847,7 @@ exports[`DatePicker Common prop \`mode\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -37858,7 +37858,7 @@ exports[`DatePicker Common prop \`mode\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -37869,7 +37869,7 @@ exports[`DatePicker Common prop \`mode\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -37880,7 +37880,7 @@ exports[`DatePicker Common prop \`mode\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -37927,7 +37927,7 @@ exports[`DatePicker Common prop \`mode\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -37974,7 +37974,7 @@ exports[`DatePicker Common prop \`mode\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -38021,7 +38021,7 @@ exports[`DatePicker Common prop \`mode\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -38068,7 +38068,7 @@ exports[`DatePicker Common prop \`mode\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -38115,7 +38115,7 @@ exports[`DatePicker Common prop \`mode\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -38162,7 +38162,7 @@ exports[`DatePicker Common prop \`mode\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -38209,7 +38209,7 @@ exports[`DatePicker Common prop \`mode\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -38256,7 +38256,7 @@ exports[`DatePicker Common prop \`mode\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -38303,7 +38303,7 @@ exports[`DatePicker Common prop \`mode\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -38350,7 +38350,7 @@ exports[`DatePicker Common prop \`mode\` should works 1`] = `
             ;
           }
 
-        </style><div class=\\"cfx-picker cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"Select date\\" title=\\"\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
+        </style></div><div class=\\"cfx-picker cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"Select date\\" title=\\"\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
         .input-icon {
           box-sizing: content-box;
           display: flex;
@@ -39661,7 +39661,7 @@ exports[`DatePicker Common prop \`mode\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -39672,7 +39672,7 @@ exports[`DatePicker Common prop \`mode\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -39683,7 +39683,7 @@ exports[`DatePicker Common prop \`mode\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -39694,7 +39694,7 @@ exports[`DatePicker Common prop \`mode\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -39705,7 +39705,7 @@ exports[`DatePicker Common prop \`mode\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -39752,7 +39752,7 @@ exports[`DatePicker Common prop \`mode\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -39799,7 +39799,7 @@ exports[`DatePicker Common prop \`mode\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -39846,7 +39846,7 @@ exports[`DatePicker Common prop \`mode\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -39893,7 +39893,7 @@ exports[`DatePicker Common prop \`mode\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -39940,7 +39940,7 @@ exports[`DatePicker Common prop \`mode\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -39987,7 +39987,7 @@ exports[`DatePicker Common prop \`mode\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -40034,7 +40034,7 @@ exports[`DatePicker Common prop \`mode\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -40081,7 +40081,7 @@ exports[`DatePicker Common prop \`mode\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -40128,7 +40128,7 @@ exports[`DatePicker Common prop \`mode\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -40175,7 +40175,7 @@ exports[`DatePicker Common prop \`mode\` should works 1`] = `
             ;
           }
 
-        </style><div class=\\"cfx-picker cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"Select date\\" title=\\"\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
+        </style></div><div class=\\"cfx-picker cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"Select date\\" title=\\"\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
         .input-icon {
           box-sizing: content-box;
           display: flex;
@@ -41486,7 +41486,7 @@ exports[`DatePicker Common prop \`mode\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -41497,7 +41497,7 @@ exports[`DatePicker Common prop \`mode\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -41508,7 +41508,7 @@ exports[`DatePicker Common prop \`mode\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -41519,7 +41519,7 @@ exports[`DatePicker Common prop \`mode\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -41530,7 +41530,7 @@ exports[`DatePicker Common prop \`mode\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -41577,7 +41577,7 @@ exports[`DatePicker Common prop \`mode\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -41624,7 +41624,7 @@ exports[`DatePicker Common prop \`mode\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -41671,7 +41671,7 @@ exports[`DatePicker Common prop \`mode\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -41718,7 +41718,7 @@ exports[`DatePicker Common prop \`mode\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -41765,7 +41765,7 @@ exports[`DatePicker Common prop \`mode\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -41812,7 +41812,7 @@ exports[`DatePicker Common prop \`mode\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -41859,7 +41859,7 @@ exports[`DatePicker Common prop \`mode\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -41906,7 +41906,7 @@ exports[`DatePicker Common prop \`mode\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -41953,7 +41953,7 @@ exports[`DatePicker Common prop \`mode\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -42000,7 +42000,7 @@ exports[`DatePicker Common prop \`mode\` should works 1`] = `
             ;
           }
 
-        </style><div class=\\"cfx-picker cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"Select date\\" title=\\"\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
+        </style></div><div class=\\"cfx-picker cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"Select date\\" title=\\"\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
         .input-icon {
           box-sizing: content-box;
           display: flex;
@@ -43311,7 +43311,7 @@ exports[`DatePicker Common prop \`mode\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -43322,7 +43322,7 @@ exports[`DatePicker Common prop \`mode\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -43333,7 +43333,7 @@ exports[`DatePicker Common prop \`mode\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -43344,7 +43344,7 @@ exports[`DatePicker Common prop \`mode\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -43355,7 +43355,7 @@ exports[`DatePicker Common prop \`mode\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -43402,7 +43402,7 @@ exports[`DatePicker Common prop \`mode\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -43449,7 +43449,7 @@ exports[`DatePicker Common prop \`mode\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -43496,7 +43496,7 @@ exports[`DatePicker Common prop \`mode\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -43543,7 +43543,7 @@ exports[`DatePicker Common prop \`mode\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -43590,7 +43590,7 @@ exports[`DatePicker Common prop \`mode\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -43637,7 +43637,7 @@ exports[`DatePicker Common prop \`mode\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -43684,7 +43684,7 @@ exports[`DatePicker Common prop \`mode\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -43731,7 +43731,7 @@ exports[`DatePicker Common prop \`mode\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -43778,7 +43778,7 @@ exports[`DatePicker Common prop \`mode\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -43825,7 +43825,7 @@ exports[`DatePicker Common prop \`mode\` should works 1`] = `
             ;
           }
 
-        </style><div class=\\"cfx-picker cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"Select date\\" title=\\"\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
+        </style></div><div class=\\"cfx-picker cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"Select date\\" title=\\"\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
         .input-icon {
           box-sizing: content-box;
           display: flex;
@@ -45136,7 +45136,7 @@ exports[`DatePicker Common prop \`mode\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -45147,7 +45147,7 @@ exports[`DatePicker Common prop \`mode\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -45158,7 +45158,7 @@ exports[`DatePicker Common prop \`mode\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -45169,7 +45169,7 @@ exports[`DatePicker Common prop \`mode\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -45180,7 +45180,7 @@ exports[`DatePicker Common prop \`mode\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -45227,7 +45227,7 @@ exports[`DatePicker Common prop \`mode\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -45274,7 +45274,7 @@ exports[`DatePicker Common prop \`mode\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -45321,7 +45321,7 @@ exports[`DatePicker Common prop \`mode\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -45368,7 +45368,7 @@ exports[`DatePicker Common prop \`mode\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -45415,7 +45415,7 @@ exports[`DatePicker Common prop \`mode\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -45462,7 +45462,7 @@ exports[`DatePicker Common prop \`mode\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -45509,7 +45509,7 @@ exports[`DatePicker Common prop \`mode\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -45556,7 +45556,7 @@ exports[`DatePicker Common prop \`mode\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -45603,7 +45603,7 @@ exports[`DatePicker Common prop \`mode\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -45650,7 +45650,7 @@ exports[`DatePicker Common prop \`mode\` should works 1`] = `
             ;
           }
 
-        </style><div class=\\"cfx-picker cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"Select date\\" title=\\"\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
+        </style></div><div class=\\"cfx-picker cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"Select date\\" title=\\"\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
         .input-icon {
           box-sizing: content-box;
           display: flex;
@@ -46961,7 +46961,7 @@ exports[`DatePicker Common prop \`mode\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -46972,7 +46972,7 @@ exports[`DatePicker Common prop \`mode\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -46983,7 +46983,7 @@ exports[`DatePicker Common prop \`mode\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -46994,7 +46994,7 @@ exports[`DatePicker Common prop \`mode\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -47005,7 +47005,7 @@ exports[`DatePicker Common prop \`mode\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -47052,7 +47052,7 @@ exports[`DatePicker Common prop \`mode\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -47099,7 +47099,7 @@ exports[`DatePicker Common prop \`mode\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -47146,7 +47146,7 @@ exports[`DatePicker Common prop \`mode\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -47193,7 +47193,7 @@ exports[`DatePicker Common prop \`mode\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -47240,7 +47240,7 @@ exports[`DatePicker Common prop \`mode\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -47287,7 +47287,7 @@ exports[`DatePicker Common prop \`mode\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -47334,7 +47334,7 @@ exports[`DatePicker Common prop \`mode\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -47381,7 +47381,7 @@ exports[`DatePicker Common prop \`mode\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -47428,7 +47428,7 @@ exports[`DatePicker Common prop \`mode\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -47475,7 +47475,7 @@ exports[`DatePicker Common prop \`mode\` should works 1`] = `
             ;
           }
 
-        </style></div>"
+        </style></div></div>"
 `;
 
 exports[`DatePicker Common prop \`panelRender\` should works 1`] = `
@@ -48790,7 +48790,7 @@ exports[`DatePicker Common prop \`panelRender\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -48801,7 +48801,7 @@ exports[`DatePicker Common prop \`panelRender\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -48812,7 +48812,7 @@ exports[`DatePicker Common prop \`panelRender\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -48823,7 +48823,7 @@ exports[`DatePicker Common prop \`panelRender\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -48834,7 +48834,7 @@ exports[`DatePicker Common prop \`panelRender\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -48881,7 +48881,7 @@ exports[`DatePicker Common prop \`panelRender\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -48928,7 +48928,7 @@ exports[`DatePicker Common prop \`panelRender\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -48975,7 +48975,7 @@ exports[`DatePicker Common prop \`panelRender\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -49022,7 +49022,7 @@ exports[`DatePicker Common prop \`panelRender\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -49069,7 +49069,7 @@ exports[`DatePicker Common prop \`panelRender\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -49116,7 +49116,7 @@ exports[`DatePicker Common prop \`panelRender\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -49163,7 +49163,7 @@ exports[`DatePicker Common prop \`panelRender\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -49210,7 +49210,7 @@ exports[`DatePicker Common prop \`panelRender\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -49257,7 +49257,7 @@ exports[`DatePicker Common prop \`panelRender\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -49304,7 +49304,7 @@ exports[`DatePicker Common prop \`panelRender\` should works 1`] = `
             ;
           }
 
-        </style>"
+        </style></div>"
 `;
 
 exports[`DatePicker Common prop \`picker\` should works 1`] = `
@@ -50619,7 +50619,7 @@ exports[`DatePicker Common prop \`picker\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -50630,7 +50630,7 @@ exports[`DatePicker Common prop \`picker\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -50641,7 +50641,7 @@ exports[`DatePicker Common prop \`picker\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -50652,7 +50652,7 @@ exports[`DatePicker Common prop \`picker\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -50663,7 +50663,7 @@ exports[`DatePicker Common prop \`picker\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -50710,7 +50710,7 @@ exports[`DatePicker Common prop \`picker\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -50757,7 +50757,7 @@ exports[`DatePicker Common prop \`picker\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -50804,7 +50804,7 @@ exports[`DatePicker Common prop \`picker\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -50851,7 +50851,7 @@ exports[`DatePicker Common prop \`picker\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -50898,7 +50898,7 @@ exports[`DatePicker Common prop \`picker\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -50945,7 +50945,7 @@ exports[`DatePicker Common prop \`picker\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -50992,7 +50992,7 @@ exports[`DatePicker Common prop \`picker\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -51039,7 +51039,7 @@ exports[`DatePicker Common prop \`picker\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -51086,7 +51086,7 @@ exports[`DatePicker Common prop \`picker\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -51133,7 +51133,7 @@ exports[`DatePicker Common prop \`picker\` should works 1`] = `
             ;
           }
 
-        </style><div class=\\"cfx-picker cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"Select date\\" title=\\"\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
+        </style></div><div class=\\"cfx-picker cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"Select date\\" title=\\"\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
         .input-icon {
           box-sizing: content-box;
           display: flex;
@@ -52444,7 +52444,7 @@ exports[`DatePicker Common prop \`picker\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -52455,7 +52455,7 @@ exports[`DatePicker Common prop \`picker\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -52466,7 +52466,7 @@ exports[`DatePicker Common prop \`picker\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -52477,7 +52477,7 @@ exports[`DatePicker Common prop \`picker\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -52488,7 +52488,7 @@ exports[`DatePicker Common prop \`picker\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -52535,7 +52535,7 @@ exports[`DatePicker Common prop \`picker\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -52582,7 +52582,7 @@ exports[`DatePicker Common prop \`picker\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -52629,7 +52629,7 @@ exports[`DatePicker Common prop \`picker\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -52676,7 +52676,7 @@ exports[`DatePicker Common prop \`picker\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -52723,7 +52723,7 @@ exports[`DatePicker Common prop \`picker\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -52770,7 +52770,7 @@ exports[`DatePicker Common prop \`picker\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -52817,7 +52817,7 @@ exports[`DatePicker Common prop \`picker\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -52864,7 +52864,7 @@ exports[`DatePicker Common prop \`picker\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -52911,7 +52911,7 @@ exports[`DatePicker Common prop \`picker\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -52958,7 +52958,7 @@ exports[`DatePicker Common prop \`picker\` should works 1`] = `
             ;
           }
 
-        </style><div class=\\"cfx-picker cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"Select month\\" title=\\"\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
+        </style></div><div class=\\"cfx-picker cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"Select month\\" title=\\"\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
         .input-icon {
           box-sizing: content-box;
           display: flex;
@@ -54269,7 +54269,7 @@ exports[`DatePicker Common prop \`picker\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -54280,7 +54280,7 @@ exports[`DatePicker Common prop \`picker\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -54291,7 +54291,7 @@ exports[`DatePicker Common prop \`picker\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -54302,7 +54302,7 @@ exports[`DatePicker Common prop \`picker\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -54313,7 +54313,7 @@ exports[`DatePicker Common prop \`picker\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -54360,7 +54360,7 @@ exports[`DatePicker Common prop \`picker\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -54407,7 +54407,7 @@ exports[`DatePicker Common prop \`picker\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -54454,7 +54454,7 @@ exports[`DatePicker Common prop \`picker\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -54501,7 +54501,7 @@ exports[`DatePicker Common prop \`picker\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -54548,7 +54548,7 @@ exports[`DatePicker Common prop \`picker\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -54595,7 +54595,7 @@ exports[`DatePicker Common prop \`picker\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -54642,7 +54642,7 @@ exports[`DatePicker Common prop \`picker\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -54689,7 +54689,7 @@ exports[`DatePicker Common prop \`picker\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -54736,7 +54736,7 @@ exports[`DatePicker Common prop \`picker\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -54783,7 +54783,7 @@ exports[`DatePicker Common prop \`picker\` should works 1`] = `
             ;
           }
 
-        </style><div class=\\"cfx-picker cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"Select year\\" title=\\"\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
+        </style></div><div class=\\"cfx-picker cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"Select year\\" title=\\"\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
         .input-icon {
           box-sizing: content-box;
           display: flex;
@@ -56094,7 +56094,7 @@ exports[`DatePicker Common prop \`picker\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -56105,7 +56105,7 @@ exports[`DatePicker Common prop \`picker\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -56116,7 +56116,7 @@ exports[`DatePicker Common prop \`picker\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -56127,7 +56127,7 @@ exports[`DatePicker Common prop \`picker\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -56138,7 +56138,7 @@ exports[`DatePicker Common prop \`picker\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -56185,7 +56185,7 @@ exports[`DatePicker Common prop \`picker\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -56232,7 +56232,7 @@ exports[`DatePicker Common prop \`picker\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -56279,7 +56279,7 @@ exports[`DatePicker Common prop \`picker\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -56326,7 +56326,7 @@ exports[`DatePicker Common prop \`picker\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -56373,7 +56373,7 @@ exports[`DatePicker Common prop \`picker\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -56420,7 +56420,7 @@ exports[`DatePicker Common prop \`picker\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -56467,7 +56467,7 @@ exports[`DatePicker Common prop \`picker\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -56514,7 +56514,7 @@ exports[`DatePicker Common prop \`picker\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -56561,7 +56561,7 @@ exports[`DatePicker Common prop \`picker\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -56608,7 +56608,7 @@ exports[`DatePicker Common prop \`picker\` should works 1`] = `
             ;
           }
 
-        </style><div class=\\"cfx-picker cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"Select week\\" title=\\"\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
+        </style></div><div class=\\"cfx-picker cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"Select week\\" title=\\"\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
         .input-icon {
           box-sizing: content-box;
           display: flex;
@@ -57919,7 +57919,7 @@ exports[`DatePicker Common prop \`picker\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -57930,7 +57930,7 @@ exports[`DatePicker Common prop \`picker\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -57941,7 +57941,7 @@ exports[`DatePicker Common prop \`picker\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -57952,7 +57952,7 @@ exports[`DatePicker Common prop \`picker\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -57963,7 +57963,7 @@ exports[`DatePicker Common prop \`picker\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -58010,7 +58010,7 @@ exports[`DatePicker Common prop \`picker\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -58057,7 +58057,7 @@ exports[`DatePicker Common prop \`picker\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -58104,7 +58104,7 @@ exports[`DatePicker Common prop \`picker\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -58151,7 +58151,7 @@ exports[`DatePicker Common prop \`picker\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -58198,7 +58198,7 @@ exports[`DatePicker Common prop \`picker\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -58245,7 +58245,7 @@ exports[`DatePicker Common prop \`picker\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -58292,7 +58292,7 @@ exports[`DatePicker Common prop \`picker\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -58339,7 +58339,7 @@ exports[`DatePicker Common prop \`picker\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -58386,7 +58386,7 @@ exports[`DatePicker Common prop \`picker\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -58433,7 +58433,7 @@ exports[`DatePicker Common prop \`picker\` should works 1`] = `
             ;
           }
 
-        </style><div class=\\"cfx-picker cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"Select quarter\\" title=\\"\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
+        </style></div><div class=\\"cfx-picker cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"Select quarter\\" title=\\"\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
         .input-icon {
           box-sizing: content-box;
           display: flex;
@@ -59744,7 +59744,7 @@ exports[`DatePicker Common prop \`picker\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -59755,7 +59755,7 @@ exports[`DatePicker Common prop \`picker\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -59766,7 +59766,7 @@ exports[`DatePicker Common prop \`picker\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -59777,7 +59777,7 @@ exports[`DatePicker Common prop \`picker\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -59788,7 +59788,7 @@ exports[`DatePicker Common prop \`picker\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -59835,7 +59835,7 @@ exports[`DatePicker Common prop \`picker\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -59882,7 +59882,7 @@ exports[`DatePicker Common prop \`picker\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -59929,7 +59929,7 @@ exports[`DatePicker Common prop \`picker\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -59976,7 +59976,7 @@ exports[`DatePicker Common prop \`picker\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -60023,7 +60023,7 @@ exports[`DatePicker Common prop \`picker\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -60070,7 +60070,7 @@ exports[`DatePicker Common prop \`picker\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -60117,7 +60117,7 @@ exports[`DatePicker Common prop \`picker\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -60164,7 +60164,7 @@ exports[`DatePicker Common prop \`picker\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -60211,7 +60211,7 @@ exports[`DatePicker Common prop \`picker\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -60258,7 +60258,7 @@ exports[`DatePicker Common prop \`picker\` should works 1`] = `
             ;
           }
 
-        </style></div>"
+        </style></div></div>"
 `;
 
 exports[`DatePicker Common prop \`popupStyle\` should works 1`] = `
@@ -61573,7 +61573,7 @@ exports[`DatePicker Common prop \`popupStyle\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -61584,7 +61584,7 @@ exports[`DatePicker Common prop \`popupStyle\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -61595,7 +61595,7 @@ exports[`DatePicker Common prop \`popupStyle\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -61606,7 +61606,7 @@ exports[`DatePicker Common prop \`popupStyle\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -61617,7 +61617,7 @@ exports[`DatePicker Common prop \`popupStyle\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -61664,7 +61664,7 @@ exports[`DatePicker Common prop \`popupStyle\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -61711,7 +61711,7 @@ exports[`DatePicker Common prop \`popupStyle\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -61758,7 +61758,7 @@ exports[`DatePicker Common prop \`popupStyle\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -61805,7 +61805,7 @@ exports[`DatePicker Common prop \`popupStyle\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -61852,7 +61852,7 @@ exports[`DatePicker Common prop \`popupStyle\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -61899,7 +61899,7 @@ exports[`DatePicker Common prop \`popupStyle\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -61946,7 +61946,7 @@ exports[`DatePicker Common prop \`popupStyle\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -61993,7 +61993,7 @@ exports[`DatePicker Common prop \`popupStyle\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -62040,7 +62040,7 @@ exports[`DatePicker Common prop \`popupStyle\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -62087,7 +62087,7 @@ exports[`DatePicker Common prop \`popupStyle\` should works 1`] = `
             ;
           }
 
-        </style>"
+        </style></div>"
 `;
 
 exports[`DatePicker Common prop \`style\` should works 1`] = `
@@ -63402,7 +63402,7 @@ exports[`DatePicker Common prop \`style\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -63413,7 +63413,7 @@ exports[`DatePicker Common prop \`style\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -63424,7 +63424,7 @@ exports[`DatePicker Common prop \`style\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -63435,7 +63435,7 @@ exports[`DatePicker Common prop \`style\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -63446,7 +63446,7 @@ exports[`DatePicker Common prop \`style\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -63493,7 +63493,7 @@ exports[`DatePicker Common prop \`style\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -63540,7 +63540,7 @@ exports[`DatePicker Common prop \`style\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -63587,7 +63587,7 @@ exports[`DatePicker Common prop \`style\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -63634,7 +63634,7 @@ exports[`DatePicker Common prop \`style\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -63681,7 +63681,7 @@ exports[`DatePicker Common prop \`style\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -63728,7 +63728,7 @@ exports[`DatePicker Common prop \`style\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -63775,7 +63775,7 @@ exports[`DatePicker Common prop \`style\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -63822,7 +63822,7 @@ exports[`DatePicker Common prop \`style\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -63869,7 +63869,7 @@ exports[`DatePicker Common prop \`style\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -63916,7 +63916,7 @@ exports[`DatePicker Common prop \`style\` should works 1`] = `
             ;
           }
 
-        </style>"
+        </style></div>"
 `;
 
 exports[`DatePicker Common prop \`suffixIcon\` should works 1`] = `
@@ -65216,7 +65216,7 @@ exports[`DatePicker Common prop \`suffixIcon\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -65227,7 +65227,7 @@ exports[`DatePicker Common prop \`suffixIcon\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -65238,7 +65238,7 @@ exports[`DatePicker Common prop \`suffixIcon\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -65249,7 +65249,7 @@ exports[`DatePicker Common prop \`suffixIcon\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -65260,7 +65260,7 @@ exports[`DatePicker Common prop \`suffixIcon\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -65307,7 +65307,7 @@ exports[`DatePicker Common prop \`suffixIcon\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -65354,7 +65354,7 @@ exports[`DatePicker Common prop \`suffixIcon\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -65401,7 +65401,7 @@ exports[`DatePicker Common prop \`suffixIcon\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -65448,7 +65448,7 @@ exports[`DatePicker Common prop \`suffixIcon\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -65495,7 +65495,7 @@ exports[`DatePicker Common prop \`suffixIcon\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -65542,7 +65542,7 @@ exports[`DatePicker Common prop \`suffixIcon\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -65589,7 +65589,7 @@ exports[`DatePicker Common prop \`suffixIcon\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -65636,7 +65636,7 @@ exports[`DatePicker Common prop \`suffixIcon\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -65683,7 +65683,7 @@ exports[`DatePicker Common prop \`suffixIcon\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -65730,7 +65730,7 @@ exports[`DatePicker Common prop \`suffixIcon\` should works 1`] = `
             ;
           }
 
-        </style>"
+        </style></div>"
 `;
 
 exports[`DatePicker Common prop \`value\` should works 1`] = `
@@ -67089,7 +67089,7 @@ exports[`DatePicker Common prop \`value\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -67100,7 +67100,7 @@ exports[`DatePicker Common prop \`value\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -67111,7 +67111,7 @@ exports[`DatePicker Common prop \`value\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -67122,7 +67122,7 @@ exports[`DatePicker Common prop \`value\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -67133,7 +67133,7 @@ exports[`DatePicker Common prop \`value\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -67180,7 +67180,7 @@ exports[`DatePicker Common prop \`value\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -67227,7 +67227,7 @@ exports[`DatePicker Common prop \`value\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -67274,7 +67274,7 @@ exports[`DatePicker Common prop \`value\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -67321,7 +67321,7 @@ exports[`DatePicker Common prop \`value\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -67368,7 +67368,7 @@ exports[`DatePicker Common prop \`value\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -67415,7 +67415,7 @@ exports[`DatePicker Common prop \`value\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -67462,7 +67462,7 @@ exports[`DatePicker Common prop \`value\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -67509,7 +67509,7 @@ exports[`DatePicker Common prop \`value\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -67556,7 +67556,7 @@ exports[`DatePicker Common prop \`value\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -67603,7 +67603,7 @@ exports[`DatePicker Common prop \`value\` should works 1`] = `
             ;
           }
 
-        </style>"
+        </style></div>"
 `;
 
 exports[`DatePicker Common should clear text 1`] = `
@@ -68918,7 +68918,7 @@ exports[`DatePicker Common should clear text 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -68929,7 +68929,7 @@ exports[`DatePicker Common should clear text 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -68940,7 +68940,7 @@ exports[`DatePicker Common should clear text 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -68951,7 +68951,7 @@ exports[`DatePicker Common should clear text 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -68962,7 +68962,7 @@ exports[`DatePicker Common should clear text 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -69009,7 +69009,7 @@ exports[`DatePicker Common should clear text 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -69056,7 +69056,7 @@ exports[`DatePicker Common should clear text 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -69103,7 +69103,7 @@ exports[`DatePicker Common should clear text 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -69150,7 +69150,7 @@ exports[`DatePicker Common should clear text 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -69197,7 +69197,7 @@ exports[`DatePicker Common should clear text 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -69244,7 +69244,7 @@ exports[`DatePicker Common should clear text 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -69291,7 +69291,7 @@ exports[`DatePicker Common should clear text 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -69338,7 +69338,7 @@ exports[`DatePicker Common should clear text 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -69385,7 +69385,7 @@ exports[`DatePicker Common should clear text 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -69432,7 +69432,7 @@ exports[`DatePicker Common should clear text 1`] = `
             ;
           }
 
-        </style>"
+        </style></div>"
 `;
 
 exports[`DatePicker Common should support all colors 1`] = `
@@ -70747,7 +70747,7 @@ exports[`DatePicker Common should support all colors 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -70758,7 +70758,7 @@ exports[`DatePicker Common should support all colors 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -70769,7 +70769,7 @@ exports[`DatePicker Common should support all colors 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -70780,7 +70780,7 @@ exports[`DatePicker Common should support all colors 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -70791,7 +70791,7 @@ exports[`DatePicker Common should support all colors 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -70838,7 +70838,7 @@ exports[`DatePicker Common should support all colors 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -70885,7 +70885,7 @@ exports[`DatePicker Common should support all colors 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -70932,7 +70932,7 @@ exports[`DatePicker Common should support all colors 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -70979,7 +70979,7 @@ exports[`DatePicker Common should support all colors 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -71026,7 +71026,7 @@ exports[`DatePicker Common should support all colors 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -71073,7 +71073,7 @@ exports[`DatePicker Common should support all colors 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -71120,7 +71120,7 @@ exports[`DatePicker Common should support all colors 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -71167,7 +71167,7 @@ exports[`DatePicker Common should support all colors 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -71214,7 +71214,7 @@ exports[`DatePicker Common should support all colors 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -71261,7 +71261,7 @@ exports[`DatePicker Common should support all colors 1`] = `
             ;
           }
 
-        </style><div class=\\"cfx-picker cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-success  \\"><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"Select date\\" title=\\"\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
+        </style></div><div class=\\"cfx-picker cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-success  \\"><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"Select date\\" title=\\"\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
         .input-icon {
           box-sizing: content-box;
           display: flex;
@@ -72572,7 +72572,7 @@ exports[`DatePicker Common should support all colors 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -72583,7 +72583,7 @@ exports[`DatePicker Common should support all colors 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -72594,7 +72594,7 @@ exports[`DatePicker Common should support all colors 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -72605,7 +72605,7 @@ exports[`DatePicker Common should support all colors 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -72616,7 +72616,7 @@ exports[`DatePicker Common should support all colors 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -72663,7 +72663,7 @@ exports[`DatePicker Common should support all colors 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -72710,7 +72710,7 @@ exports[`DatePicker Common should support all colors 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -72757,7 +72757,7 @@ exports[`DatePicker Common should support all colors 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -72804,7 +72804,7 @@ exports[`DatePicker Common should support all colors 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -72851,7 +72851,7 @@ exports[`DatePicker Common should support all colors 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -72898,7 +72898,7 @@ exports[`DatePicker Common should support all colors 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -72945,7 +72945,7 @@ exports[`DatePicker Common should support all colors 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -72992,7 +72992,7 @@ exports[`DatePicker Common should support all colors 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -73039,7 +73039,7 @@ exports[`DatePicker Common should support all colors 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -73086,7 +73086,7 @@ exports[`DatePicker Common should support all colors 1`] = `
             ;
           }
 
-        </style><div class=\\"cfx-picker cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-warning  \\"><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"Select date\\" title=\\"\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
+        </style></div><div class=\\"cfx-picker cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-warning  \\"><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"Select date\\" title=\\"\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
         .input-icon {
           box-sizing: content-box;
           display: flex;
@@ -74397,7 +74397,7 @@ exports[`DatePicker Common should support all colors 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -74408,7 +74408,7 @@ exports[`DatePicker Common should support all colors 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -74419,7 +74419,7 @@ exports[`DatePicker Common should support all colors 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -74430,7 +74430,7 @@ exports[`DatePicker Common should support all colors 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -74441,7 +74441,7 @@ exports[`DatePicker Common should support all colors 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -74488,7 +74488,7 @@ exports[`DatePicker Common should support all colors 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -74535,7 +74535,7 @@ exports[`DatePicker Common should support all colors 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -74582,7 +74582,7 @@ exports[`DatePicker Common should support all colors 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -74629,7 +74629,7 @@ exports[`DatePicker Common should support all colors 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -74676,7 +74676,7 @@ exports[`DatePicker Common should support all colors 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -74723,7 +74723,7 @@ exports[`DatePicker Common should support all colors 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -74770,7 +74770,7 @@ exports[`DatePicker Common should support all colors 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -74817,7 +74817,7 @@ exports[`DatePicker Common should support all colors 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -74864,7 +74864,7 @@ exports[`DatePicker Common should support all colors 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -74911,7 +74911,7 @@ exports[`DatePicker Common should support all colors 1`] = `
             ;
           }
 
-        </style><div class=\\"cfx-picker cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-error  \\"><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"Select date\\" title=\\"\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
+        </style></div><div class=\\"cfx-picker cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-error  \\"><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"Select date\\" title=\\"\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
         .input-icon {
           box-sizing: content-box;
           display: flex;
@@ -76222,7 +76222,7 @@ exports[`DatePicker Common should support all colors 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -76233,7 +76233,7 @@ exports[`DatePicker Common should support all colors 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -76244,7 +76244,7 @@ exports[`DatePicker Common should support all colors 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -76255,7 +76255,7 @@ exports[`DatePicker Common should support all colors 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -76266,7 +76266,7 @@ exports[`DatePicker Common should support all colors 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -76313,7 +76313,7 @@ exports[`DatePicker Common should support all colors 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -76360,7 +76360,7 @@ exports[`DatePicker Common should support all colors 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -76407,7 +76407,7 @@ exports[`DatePicker Common should support all colors 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -76454,7 +76454,7 @@ exports[`DatePicker Common should support all colors 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -76501,7 +76501,7 @@ exports[`DatePicker Common should support all colors 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -76548,7 +76548,7 @@ exports[`DatePicker Common should support all colors 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -76595,7 +76595,7 @@ exports[`DatePicker Common should support all colors 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -76642,7 +76642,7 @@ exports[`DatePicker Common should support all colors 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -76689,7 +76689,7 @@ exports[`DatePicker Common should support all colors 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -76736,7 +76736,7 @@ exports[`DatePicker Common should support all colors 1`] = `
             ;
           }
 
-        </style></div>"
+        </style></div></div>"
 `;
 
 exports[`DatePicker Common should support all sizes 1`] = `
@@ -78051,7 +78051,7 @@ exports[`DatePicker Common should support all sizes 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -78062,7 +78062,7 @@ exports[`DatePicker Common should support all sizes 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -78073,7 +78073,7 @@ exports[`DatePicker Common should support all sizes 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -78084,7 +78084,7 @@ exports[`DatePicker Common should support all sizes 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -78095,7 +78095,7 @@ exports[`DatePicker Common should support all sizes 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -78142,7 +78142,7 @@ exports[`DatePicker Common should support all sizes 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -78189,7 +78189,7 @@ exports[`DatePicker Common should support all sizes 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -78236,7 +78236,7 @@ exports[`DatePicker Common should support all sizes 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -78283,7 +78283,7 @@ exports[`DatePicker Common should support all sizes 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -78330,7 +78330,7 @@ exports[`DatePicker Common should support all sizes 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -78377,7 +78377,7 @@ exports[`DatePicker Common should support all sizes 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -78424,7 +78424,7 @@ exports[`DatePicker Common should support all sizes 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -78471,7 +78471,7 @@ exports[`DatePicker Common should support all sizes 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -78518,7 +78518,7 @@ exports[`DatePicker Common should support all sizes 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -78565,7 +78565,7 @@ exports[`DatePicker Common should support all sizes 1`] = `
             ;
           }
 
-        </style><div class=\\"cfx-picker cfx-picker-size-small cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"Select date\\" title=\\"\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
+        </style></div><div class=\\"cfx-picker cfx-picker-size-small cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"Select date\\" title=\\"\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
         .input-icon {
           box-sizing: content-box;
           display: flex;
@@ -79876,7 +79876,7 @@ exports[`DatePicker Common should support all sizes 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -79887,7 +79887,7 @@ exports[`DatePicker Common should support all sizes 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -79898,7 +79898,7 @@ exports[`DatePicker Common should support all sizes 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -79909,7 +79909,7 @@ exports[`DatePicker Common should support all sizes 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -79920,7 +79920,7 @@ exports[`DatePicker Common should support all sizes 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -79967,7 +79967,7 @@ exports[`DatePicker Common should support all sizes 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -80014,7 +80014,7 @@ exports[`DatePicker Common should support all sizes 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -80061,7 +80061,7 @@ exports[`DatePicker Common should support all sizes 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -80108,7 +80108,7 @@ exports[`DatePicker Common should support all sizes 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -80155,7 +80155,7 @@ exports[`DatePicker Common should support all sizes 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -80202,7 +80202,7 @@ exports[`DatePicker Common should support all sizes 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -80249,7 +80249,7 @@ exports[`DatePicker Common should support all sizes 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -80296,7 +80296,7 @@ exports[`DatePicker Common should support all sizes 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -80343,7 +80343,7 @@ exports[`DatePicker Common should support all sizes 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -80390,7 +80390,7 @@ exports[`DatePicker Common should support all sizes 1`] = `
             ;
           }
 
-        </style><div class=\\"cfx-picker cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"Select date\\" title=\\"\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
+        </style></div><div class=\\"cfx-picker cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"Select date\\" title=\\"\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
         .input-icon {
           box-sizing: content-box;
           display: flex;
@@ -81701,7 +81701,7 @@ exports[`DatePicker Common should support all sizes 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -81712,7 +81712,7 @@ exports[`DatePicker Common should support all sizes 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -81723,7 +81723,7 @@ exports[`DatePicker Common should support all sizes 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -81734,7 +81734,7 @@ exports[`DatePicker Common should support all sizes 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -81745,7 +81745,7 @@ exports[`DatePicker Common should support all sizes 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -81792,7 +81792,7 @@ exports[`DatePicker Common should support all sizes 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -81839,7 +81839,7 @@ exports[`DatePicker Common should support all sizes 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -81886,7 +81886,7 @@ exports[`DatePicker Common should support all sizes 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -81933,7 +81933,7 @@ exports[`DatePicker Common should support all sizes 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -81980,7 +81980,7 @@ exports[`DatePicker Common should support all sizes 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -82027,7 +82027,7 @@ exports[`DatePicker Common should support all sizes 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -82074,7 +82074,7 @@ exports[`DatePicker Common should support all sizes 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -82121,7 +82121,7 @@ exports[`DatePicker Common should support all sizes 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -82168,7 +82168,7 @@ exports[`DatePicker Common should support all sizes 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -82215,7 +82215,7 @@ exports[`DatePicker Common should support all sizes 1`] = `
             ;
           }
 
-        </style><div class=\\"cfx-picker cfx-picker-size-large cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"Select date\\" title=\\"\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
+        </style></div><div class=\\"cfx-picker cfx-picker-size-large cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"Select date\\" title=\\"\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
         .input-icon {
           box-sizing: content-box;
           display: flex;
@@ -83526,7 +83526,7 @@ exports[`DatePicker Common should support all sizes 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -83537,7 +83537,7 @@ exports[`DatePicker Common should support all sizes 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -83548,7 +83548,7 @@ exports[`DatePicker Common should support all sizes 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -83559,7 +83559,7 @@ exports[`DatePicker Common should support all sizes 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -83570,7 +83570,7 @@ exports[`DatePicker Common should support all sizes 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -83617,7 +83617,7 @@ exports[`DatePicker Common should support all sizes 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -83664,7 +83664,7 @@ exports[`DatePicker Common should support all sizes 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -83711,7 +83711,7 @@ exports[`DatePicker Common should support all sizes 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -83758,7 +83758,7 @@ exports[`DatePicker Common should support all sizes 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -83805,7 +83805,7 @@ exports[`DatePicker Common should support all sizes 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -83852,7 +83852,7 @@ exports[`DatePicker Common should support all sizes 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -83899,7 +83899,7 @@ exports[`DatePicker Common should support all sizes 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -83946,7 +83946,7 @@ exports[`DatePicker Common should support all sizes 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -83993,7 +83993,7 @@ exports[`DatePicker Common should support all sizes 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -84040,7 +84040,7 @@ exports[`DatePicker Common should support all sizes 1`] = `
             ;
           }
 
-        </style></div>"
+        </style></div></div>"
 `;
 
 exports[`DatePicker Common should support all variants 1`] = `
@@ -85355,7 +85355,7 @@ exports[`DatePicker Common should support all variants 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -85366,7 +85366,7 @@ exports[`DatePicker Common should support all variants 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -85377,7 +85377,7 @@ exports[`DatePicker Common should support all variants 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -85388,7 +85388,7 @@ exports[`DatePicker Common should support all variants 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -85399,7 +85399,7 @@ exports[`DatePicker Common should support all variants 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -85446,7 +85446,7 @@ exports[`DatePicker Common should support all variants 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -85493,7 +85493,7 @@ exports[`DatePicker Common should support all variants 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -85540,7 +85540,7 @@ exports[`DatePicker Common should support all variants 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -85587,7 +85587,7 @@ exports[`DatePicker Common should support all variants 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -85634,7 +85634,7 @@ exports[`DatePicker Common should support all variants 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -85681,7 +85681,7 @@ exports[`DatePicker Common should support all variants 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -85728,7 +85728,7 @@ exports[`DatePicker Common should support all variants 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -85775,7 +85775,7 @@ exports[`DatePicker Common should support all variants 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -85822,7 +85822,7 @@ exports[`DatePicker Common should support all variants 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -85869,7 +85869,7 @@ exports[`DatePicker Common should support all variants 1`] = `
             ;
           }
 
-        </style></div>"
+        </style></div></div>"
 `;
 
 exports[`DatePicker Common specific \`format\` props with \`showTime\` 1`] = `
@@ -87270,7 +87270,7 @@ exports[`DatePicker Common specific \`format\` props with \`showTime\` 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -87281,7 +87281,7 @@ exports[`DatePicker Common specific \`format\` props with \`showTime\` 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -87292,7 +87292,7 @@ exports[`DatePicker Common specific \`format\` props with \`showTime\` 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -87303,7 +87303,7 @@ exports[`DatePicker Common specific \`format\` props with \`showTime\` 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -87314,7 +87314,7 @@ exports[`DatePicker Common specific \`format\` props with \`showTime\` 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -87361,7 +87361,7 @@ exports[`DatePicker Common specific \`format\` props with \`showTime\` 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -87408,7 +87408,7 @@ exports[`DatePicker Common specific \`format\` props with \`showTime\` 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -87455,7 +87455,7 @@ exports[`DatePicker Common specific \`format\` props with \`showTime\` 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -87502,7 +87502,7 @@ exports[`DatePicker Common specific \`format\` props with \`showTime\` 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -87549,7 +87549,7 @@ exports[`DatePicker Common specific \`format\` props with \`showTime\` 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -87596,7 +87596,7 @@ exports[`DatePicker Common specific \`format\` props with \`showTime\` 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -87643,7 +87643,7 @@ exports[`DatePicker Common specific \`format\` props with \`showTime\` 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -87690,7 +87690,7 @@ exports[`DatePicker Common specific \`format\` props with \`showTime\` 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -87737,7 +87737,7 @@ exports[`DatePicker Common specific \`format\` props with \`showTime\` 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -87784,5 +87784,5 @@ exports[`DatePicker Common specific \`format\` props with \`showTime\` 1`] = `
             ;
           }
 
-        </style>"
+        </style></div>"
 `;
diff --git a/components/date-picker/__tests__/__snapshots__/picker-date.test.tsx.snap b/components/date-picker/__tests__/__snapshots__/picker-date.test.tsx.snap
index 7a562ba30..0805bceba 100644
--- a/components/date-picker/__tests__/__snapshots__/picker-date.test.tsx.snap
+++ b/components/date-picker/__tests__/__snapshots__/picker-date.test.tsx.snap
@@ -1312,7 +1312,7 @@ exports[`DatePicker[picker=\`date\`] prop \`defaultPickerValue\` should works 1`
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -1323,7 +1323,7 @@ exports[`DatePicker[picker=\`date\`] prop \`defaultPickerValue\` should works 1`
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -1334,7 +1334,7 @@ exports[`DatePicker[picker=\`date\`] prop \`defaultPickerValue\` should works 1`
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -1345,7 +1345,7 @@ exports[`DatePicker[picker=\`date\`] prop \`defaultPickerValue\` should works 1`
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -1356,7 +1356,7 @@ exports[`DatePicker[picker=\`date\`] prop \`defaultPickerValue\` should works 1`
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -1403,7 +1403,7 @@ exports[`DatePicker[picker=\`date\`] prop \`defaultPickerValue\` should works 1`
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -1450,7 +1450,7 @@ exports[`DatePicker[picker=\`date\`] prop \`defaultPickerValue\` should works 1`
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -1497,7 +1497,7 @@ exports[`DatePicker[picker=\`date\`] prop \`defaultPickerValue\` should works 1`
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -1544,7 +1544,7 @@ exports[`DatePicker[picker=\`date\`] prop \`defaultPickerValue\` should works 1`
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -1591,7 +1591,7 @@ exports[`DatePicker[picker=\`date\`] prop \`defaultPickerValue\` should works 1`
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -1638,7 +1638,7 @@ exports[`DatePicker[picker=\`date\`] prop \`defaultPickerValue\` should works 1`
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -1685,7 +1685,7 @@ exports[`DatePicker[picker=\`date\`] prop \`defaultPickerValue\` should works 1`
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -1732,7 +1732,7 @@ exports[`DatePicker[picker=\`date\`] prop \`defaultPickerValue\` should works 1`
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -1779,7 +1779,7 @@ exports[`DatePicker[picker=\`date\`] prop \`defaultPickerValue\` should works 1`
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -1826,7 +1826,7 @@ exports[`DatePicker[picker=\`date\`] prop \`defaultPickerValue\` should works 1`
             ;
           }
 
-        </style>"
+        </style></div>"
 `;
 
 exports[`DatePicker[picker=\`date\`] prop \`defaultValue\` should works 1`] = `
@@ -3185,7 +3185,7 @@ exports[`DatePicker[picker=\`date\`] prop \`defaultValue\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -3196,7 +3196,7 @@ exports[`DatePicker[picker=\`date\`] prop \`defaultValue\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -3207,7 +3207,7 @@ exports[`DatePicker[picker=\`date\`] prop \`defaultValue\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -3218,7 +3218,7 @@ exports[`DatePicker[picker=\`date\`] prop \`defaultValue\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -3229,7 +3229,7 @@ exports[`DatePicker[picker=\`date\`] prop \`defaultValue\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -3276,7 +3276,7 @@ exports[`DatePicker[picker=\`date\`] prop \`defaultValue\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -3323,7 +3323,7 @@ exports[`DatePicker[picker=\`date\`] prop \`defaultValue\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -3370,7 +3370,7 @@ exports[`DatePicker[picker=\`date\`] prop \`defaultValue\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -3417,7 +3417,7 @@ exports[`DatePicker[picker=\`date\`] prop \`defaultValue\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -3464,7 +3464,7 @@ exports[`DatePicker[picker=\`date\`] prop \`defaultValue\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -3511,7 +3511,7 @@ exports[`DatePicker[picker=\`date\`] prop \`defaultValue\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -3558,7 +3558,7 @@ exports[`DatePicker[picker=\`date\`] prop \`defaultValue\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -3605,7 +3605,7 @@ exports[`DatePicker[picker=\`date\`] prop \`defaultValue\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -3652,7 +3652,7 @@ exports[`DatePicker[picker=\`date\`] prop \`defaultValue\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -3699,7 +3699,7 @@ exports[`DatePicker[picker=\`date\`] prop \`defaultValue\` should works 1`] = `
             ;
           }
 
-        </style>"
+        </style></div>"
 `;
 
 exports[`DatePicker[picker=\`date\`] prop \`disabledTime\` should works 1`] = `
@@ -5100,7 +5100,7 @@ exports[`DatePicker[picker=\`date\`] prop \`disabledTime\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -5111,7 +5111,7 @@ exports[`DatePicker[picker=\`date\`] prop \`disabledTime\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -5122,7 +5122,7 @@ exports[`DatePicker[picker=\`date\`] prop \`disabledTime\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -5133,7 +5133,7 @@ exports[`DatePicker[picker=\`date\`] prop \`disabledTime\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -5144,7 +5144,7 @@ exports[`DatePicker[picker=\`date\`] prop \`disabledTime\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -5191,7 +5191,7 @@ exports[`DatePicker[picker=\`date\`] prop \`disabledTime\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -5238,7 +5238,7 @@ exports[`DatePicker[picker=\`date\`] prop \`disabledTime\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -5285,7 +5285,7 @@ exports[`DatePicker[picker=\`date\`] prop \`disabledTime\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -5332,7 +5332,7 @@ exports[`DatePicker[picker=\`date\`] prop \`disabledTime\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -5379,7 +5379,7 @@ exports[`DatePicker[picker=\`date\`] prop \`disabledTime\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -5426,7 +5426,7 @@ exports[`DatePicker[picker=\`date\`] prop \`disabledTime\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -5473,7 +5473,7 @@ exports[`DatePicker[picker=\`date\`] prop \`disabledTime\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -5520,7 +5520,7 @@ exports[`DatePicker[picker=\`date\`] prop \`disabledTime\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -5567,7 +5567,7 @@ exports[`DatePicker[picker=\`date\`] prop \`disabledTime\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -5614,7 +5614,7 @@ exports[`DatePicker[picker=\`date\`] prop \`disabledTime\` should works 1`] = `
             ;
           }
 
-        </style>"
+        </style></div>"
 `;
 
 exports[`DatePicker[picker=\`date\`] prop \`format\` should works 1`] = `
@@ -6973,7 +6973,7 @@ exports[`DatePicker[picker=\`date\`] prop \`format\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -6984,7 +6984,7 @@ exports[`DatePicker[picker=\`date\`] prop \`format\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -6995,7 +6995,7 @@ exports[`DatePicker[picker=\`date\`] prop \`format\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -7006,7 +7006,7 @@ exports[`DatePicker[picker=\`date\`] prop \`format\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -7017,7 +7017,7 @@ exports[`DatePicker[picker=\`date\`] prop \`format\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -7064,7 +7064,7 @@ exports[`DatePicker[picker=\`date\`] prop \`format\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -7111,7 +7111,7 @@ exports[`DatePicker[picker=\`date\`] prop \`format\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -7158,7 +7158,7 @@ exports[`DatePicker[picker=\`date\`] prop \`format\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -7205,7 +7205,7 @@ exports[`DatePicker[picker=\`date\`] prop \`format\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -7252,7 +7252,7 @@ exports[`DatePicker[picker=\`date\`] prop \`format\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -7299,7 +7299,7 @@ exports[`DatePicker[picker=\`date\`] prop \`format\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -7346,7 +7346,7 @@ exports[`DatePicker[picker=\`date\`] prop \`format\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -7393,7 +7393,7 @@ exports[`DatePicker[picker=\`date\`] prop \`format\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -7440,7 +7440,7 @@ exports[`DatePicker[picker=\`date\`] prop \`format\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -7487,7 +7487,7 @@ exports[`DatePicker[picker=\`date\`] prop \`format\` should works 1`] = `
             ;
           }
 
-        </style>"
+        </style></div>"
 `;
 
 exports[`DatePicker[picker=\`date\`] prop \`renderExtraFooter\` should works 1`] = `
@@ -8802,7 +8802,7 @@ exports[`DatePicker[picker=\`date\`] prop \`renderExtraFooter\` should works 1`]
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -8813,7 +8813,7 @@ exports[`DatePicker[picker=\`date\`] prop \`renderExtraFooter\` should works 1`]
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -8824,7 +8824,7 @@ exports[`DatePicker[picker=\`date\`] prop \`renderExtraFooter\` should works 1`]
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -8835,7 +8835,7 @@ exports[`DatePicker[picker=\`date\`] prop \`renderExtraFooter\` should works 1`]
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -8846,7 +8846,7 @@ exports[`DatePicker[picker=\`date\`] prop \`renderExtraFooter\` should works 1`]
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -8893,7 +8893,7 @@ exports[`DatePicker[picker=\`date\`] prop \`renderExtraFooter\` should works 1`]
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -8940,7 +8940,7 @@ exports[`DatePicker[picker=\`date\`] prop \`renderExtraFooter\` should works 1`]
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -8987,7 +8987,7 @@ exports[`DatePicker[picker=\`date\`] prop \`renderExtraFooter\` should works 1`]
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -9034,7 +9034,7 @@ exports[`DatePicker[picker=\`date\`] prop \`renderExtraFooter\` should works 1`]
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -9081,7 +9081,7 @@ exports[`DatePicker[picker=\`date\`] prop \`renderExtraFooter\` should works 1`]
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -9128,7 +9128,7 @@ exports[`DatePicker[picker=\`date\`] prop \`renderExtraFooter\` should works 1`]
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -9175,7 +9175,7 @@ exports[`DatePicker[picker=\`date\`] prop \`renderExtraFooter\` should works 1`]
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -9222,7 +9222,7 @@ exports[`DatePicker[picker=\`date\`] prop \`renderExtraFooter\` should works 1`]
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -9269,7 +9269,7 @@ exports[`DatePicker[picker=\`date\`] prop \`renderExtraFooter\` should works 1`]
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -9316,7 +9316,7 @@ exports[`DatePicker[picker=\`date\`] prop \`renderExtraFooter\` should works 1`]
             ;
           }
 
-        </style>"
+        </style></div>"
 `;
 
 exports[`DatePicker[picker=\`date\`] prop \`showTime\` should works 1`] = `
@@ -10717,7 +10717,7 @@ exports[`DatePicker[picker=\`date\`] prop \`showTime\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -10728,7 +10728,7 @@ exports[`DatePicker[picker=\`date\`] prop \`showTime\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -10739,7 +10739,7 @@ exports[`DatePicker[picker=\`date\`] prop \`showTime\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -10750,7 +10750,7 @@ exports[`DatePicker[picker=\`date\`] prop \`showTime\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -10761,7 +10761,7 @@ exports[`DatePicker[picker=\`date\`] prop \`showTime\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -10808,7 +10808,7 @@ exports[`DatePicker[picker=\`date\`] prop \`showTime\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -10855,7 +10855,7 @@ exports[`DatePicker[picker=\`date\`] prop \`showTime\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -10902,7 +10902,7 @@ exports[`DatePicker[picker=\`date\`] prop \`showTime\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -10949,7 +10949,7 @@ exports[`DatePicker[picker=\`date\`] prop \`showTime\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -10996,7 +10996,7 @@ exports[`DatePicker[picker=\`date\`] prop \`showTime\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -11043,7 +11043,7 @@ exports[`DatePicker[picker=\`date\`] prop \`showTime\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -11090,7 +11090,7 @@ exports[`DatePicker[picker=\`date\`] prop \`showTime\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -11137,7 +11137,7 @@ exports[`DatePicker[picker=\`date\`] prop \`showTime\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -11184,7 +11184,7 @@ exports[`DatePicker[picker=\`date\`] prop \`showTime\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -11231,7 +11231,7 @@ exports[`DatePicker[picker=\`date\`] prop \`showTime\` should works 1`] = `
             ;
           }
 
-        </style>"
+        </style></div>"
 `;
 
 exports[`DatePicker[picker=\`date\`] prop \`showToday\` should works 1`] = `
@@ -12546,7 +12546,7 @@ exports[`DatePicker[picker=\`date\`] prop \`showToday\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -12557,7 +12557,7 @@ exports[`DatePicker[picker=\`date\`] prop \`showToday\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -12568,7 +12568,7 @@ exports[`DatePicker[picker=\`date\`] prop \`showToday\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -12579,7 +12579,7 @@ exports[`DatePicker[picker=\`date\`] prop \`showToday\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -12590,7 +12590,7 @@ exports[`DatePicker[picker=\`date\`] prop \`showToday\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -12637,7 +12637,7 @@ exports[`DatePicker[picker=\`date\`] prop \`showToday\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -12684,7 +12684,7 @@ exports[`DatePicker[picker=\`date\`] prop \`showToday\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -12731,7 +12731,7 @@ exports[`DatePicker[picker=\`date\`] prop \`showToday\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -12778,7 +12778,7 @@ exports[`DatePicker[picker=\`date\`] prop \`showToday\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -12825,7 +12825,7 @@ exports[`DatePicker[picker=\`date\`] prop \`showToday\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -12872,7 +12872,7 @@ exports[`DatePicker[picker=\`date\`] prop \`showToday\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -12919,7 +12919,7 @@ exports[`DatePicker[picker=\`date\`] prop \`showToday\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -12966,7 +12966,7 @@ exports[`DatePicker[picker=\`date\`] prop \`showToday\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -13013,7 +13013,7 @@ exports[`DatePicker[picker=\`date\`] prop \`showToday\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -13060,7 +13060,7 @@ exports[`DatePicker[picker=\`date\`] prop \`showToday\` should works 1`] = `
             ;
           }
 
-        </style>"
+        </style></div>"
 `;
 
 exports[`DatePicker[picker=\`date\`] prop \`value\` should works 1`] = `
@@ -14419,7 +14419,7 @@ exports[`DatePicker[picker=\`date\`] prop \`value\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -14430,7 +14430,7 @@ exports[`DatePicker[picker=\`date\`] prop \`value\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -14441,7 +14441,7 @@ exports[`DatePicker[picker=\`date\`] prop \`value\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -14452,7 +14452,7 @@ exports[`DatePicker[picker=\`date\`] prop \`value\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -14463,7 +14463,7 @@ exports[`DatePicker[picker=\`date\`] prop \`value\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -14510,7 +14510,7 @@ exports[`DatePicker[picker=\`date\`] prop \`value\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -14557,7 +14557,7 @@ exports[`DatePicker[picker=\`date\`] prop \`value\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -14604,7 +14604,7 @@ exports[`DatePicker[picker=\`date\`] prop \`value\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -14651,7 +14651,7 @@ exports[`DatePicker[picker=\`date\`] prop \`value\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -14698,7 +14698,7 @@ exports[`DatePicker[picker=\`date\`] prop \`value\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -14745,7 +14745,7 @@ exports[`DatePicker[picker=\`date\`] prop \`value\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -14792,7 +14792,7 @@ exports[`DatePicker[picker=\`date\`] prop \`value\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -14839,7 +14839,7 @@ exports[`DatePicker[picker=\`date\`] prop \`value\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -14886,7 +14886,7 @@ exports[`DatePicker[picker=\`date\`] prop \`value\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -14933,5 +14933,5 @@ exports[`DatePicker[picker=\`date\`] prop \`value\` should works 1`] = `
             ;
           }
 
-        </style>"
+        </style></div>"
 `;
diff --git a/components/date-picker/__tests__/__snapshots__/picker-month.test.tsx.snap b/components/date-picker/__tests__/__snapshots__/picker-month.test.tsx.snap
index 6f317077e..7844022a9 100644
--- a/components/date-picker/__tests__/__snapshots__/picker-month.test.tsx.snap
+++ b/components/date-picker/__tests__/__snapshots__/picker-month.test.tsx.snap
@@ -1312,7 +1312,7 @@ exports[`DatePicker[picker=\`month\`] prop \`defaultPickerValue\` should works 1
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -1323,7 +1323,7 @@ exports[`DatePicker[picker=\`month\`] prop \`defaultPickerValue\` should works 1
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -1334,7 +1334,7 @@ exports[`DatePicker[picker=\`month\`] prop \`defaultPickerValue\` should works 1
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -1345,7 +1345,7 @@ exports[`DatePicker[picker=\`month\`] prop \`defaultPickerValue\` should works 1
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -1356,7 +1356,7 @@ exports[`DatePicker[picker=\`month\`] prop \`defaultPickerValue\` should works 1
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -1403,7 +1403,7 @@ exports[`DatePicker[picker=\`month\`] prop \`defaultPickerValue\` should works 1
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -1450,7 +1450,7 @@ exports[`DatePicker[picker=\`month\`] prop \`defaultPickerValue\` should works 1
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -1497,7 +1497,7 @@ exports[`DatePicker[picker=\`month\`] prop \`defaultPickerValue\` should works 1
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -1544,7 +1544,7 @@ exports[`DatePicker[picker=\`month\`] prop \`defaultPickerValue\` should works 1
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -1591,7 +1591,7 @@ exports[`DatePicker[picker=\`month\`] prop \`defaultPickerValue\` should works 1
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -1638,7 +1638,7 @@ exports[`DatePicker[picker=\`month\`] prop \`defaultPickerValue\` should works 1
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -1685,7 +1685,7 @@ exports[`DatePicker[picker=\`month\`] prop \`defaultPickerValue\` should works 1
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -1732,7 +1732,7 @@ exports[`DatePicker[picker=\`month\`] prop \`defaultPickerValue\` should works 1
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -1779,7 +1779,7 @@ exports[`DatePicker[picker=\`month\`] prop \`defaultPickerValue\` should works 1
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -1826,7 +1826,7 @@ exports[`DatePicker[picker=\`month\`] prop \`defaultPickerValue\` should works 1
             ;
           }
 
-        </style>"
+        </style></div>"
 `;
 
 exports[`DatePicker[picker=\`month\`] prop \`defaultValue\` should works 1`] = `
@@ -3185,7 +3185,7 @@ exports[`DatePicker[picker=\`month\`] prop \`defaultValue\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -3196,7 +3196,7 @@ exports[`DatePicker[picker=\`month\`] prop \`defaultValue\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -3207,7 +3207,7 @@ exports[`DatePicker[picker=\`month\`] prop \`defaultValue\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -3218,7 +3218,7 @@ exports[`DatePicker[picker=\`month\`] prop \`defaultValue\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -3229,7 +3229,7 @@ exports[`DatePicker[picker=\`month\`] prop \`defaultValue\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -3276,7 +3276,7 @@ exports[`DatePicker[picker=\`month\`] prop \`defaultValue\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -3323,7 +3323,7 @@ exports[`DatePicker[picker=\`month\`] prop \`defaultValue\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -3370,7 +3370,7 @@ exports[`DatePicker[picker=\`month\`] prop \`defaultValue\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -3417,7 +3417,7 @@ exports[`DatePicker[picker=\`month\`] prop \`defaultValue\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -3464,7 +3464,7 @@ exports[`DatePicker[picker=\`month\`] prop \`defaultValue\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -3511,7 +3511,7 @@ exports[`DatePicker[picker=\`month\`] prop \`defaultValue\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -3558,7 +3558,7 @@ exports[`DatePicker[picker=\`month\`] prop \`defaultValue\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -3605,7 +3605,7 @@ exports[`DatePicker[picker=\`month\`] prop \`defaultValue\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -3652,7 +3652,7 @@ exports[`DatePicker[picker=\`month\`] prop \`defaultValue\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -3699,7 +3699,7 @@ exports[`DatePicker[picker=\`month\`] prop \`defaultValue\` should works 1`] = `
             ;
           }
 
-        </style>"
+        </style></div>"
 `;
 
 exports[`DatePicker[picker=\`month\`] prop \`format\` should works 1`] = `
@@ -5058,7 +5058,7 @@ exports[`DatePicker[picker=\`month\`] prop \`format\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -5069,7 +5069,7 @@ exports[`DatePicker[picker=\`month\`] prop \`format\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -5080,7 +5080,7 @@ exports[`DatePicker[picker=\`month\`] prop \`format\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -5091,7 +5091,7 @@ exports[`DatePicker[picker=\`month\`] prop \`format\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -5102,7 +5102,7 @@ exports[`DatePicker[picker=\`month\`] prop \`format\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -5149,7 +5149,7 @@ exports[`DatePicker[picker=\`month\`] prop \`format\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -5196,7 +5196,7 @@ exports[`DatePicker[picker=\`month\`] prop \`format\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -5243,7 +5243,7 @@ exports[`DatePicker[picker=\`month\`] prop \`format\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -5290,7 +5290,7 @@ exports[`DatePicker[picker=\`month\`] prop \`format\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -5337,7 +5337,7 @@ exports[`DatePicker[picker=\`month\`] prop \`format\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -5384,7 +5384,7 @@ exports[`DatePicker[picker=\`month\`] prop \`format\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -5431,7 +5431,7 @@ exports[`DatePicker[picker=\`month\`] prop \`format\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -5478,7 +5478,7 @@ exports[`DatePicker[picker=\`month\`] prop \`format\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -5525,7 +5525,7 @@ exports[`DatePicker[picker=\`month\`] prop \`format\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -5572,7 +5572,7 @@ exports[`DatePicker[picker=\`month\`] prop \`format\` should works 1`] = `
             ;
           }
 
-        </style>"
+        </style></div>"
 `;
 
 exports[`DatePicker[picker=\`month\`] prop \`value\` should works 1`] = `
@@ -6931,7 +6931,7 @@ exports[`DatePicker[picker=\`month\`] prop \`value\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -6942,7 +6942,7 @@ exports[`DatePicker[picker=\`month\`] prop \`value\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -6953,7 +6953,7 @@ exports[`DatePicker[picker=\`month\`] prop \`value\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -6964,7 +6964,7 @@ exports[`DatePicker[picker=\`month\`] prop \`value\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -6975,7 +6975,7 @@ exports[`DatePicker[picker=\`month\`] prop \`value\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -7022,7 +7022,7 @@ exports[`DatePicker[picker=\`month\`] prop \`value\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -7069,7 +7069,7 @@ exports[`DatePicker[picker=\`month\`] prop \`value\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -7116,7 +7116,7 @@ exports[`DatePicker[picker=\`month\`] prop \`value\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -7163,7 +7163,7 @@ exports[`DatePicker[picker=\`month\`] prop \`value\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -7210,7 +7210,7 @@ exports[`DatePicker[picker=\`month\`] prop \`value\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -7257,7 +7257,7 @@ exports[`DatePicker[picker=\`month\`] prop \`value\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -7304,7 +7304,7 @@ exports[`DatePicker[picker=\`month\`] prop \`value\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -7351,7 +7351,7 @@ exports[`DatePicker[picker=\`month\`] prop \`value\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -7398,7 +7398,7 @@ exports[`DatePicker[picker=\`month\`] prop \`value\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -7445,5 +7445,5 @@ exports[`DatePicker[picker=\`month\`] prop \`value\` should works 1`] = `
             ;
           }
 
-        </style>"
+        </style></div>"
 `;
diff --git a/components/date-picker/__tests__/__snapshots__/picker-quarter.test.tsx.snap b/components/date-picker/__tests__/__snapshots__/picker-quarter.test.tsx.snap
index 51a084633..a4f101981 100644
--- a/components/date-picker/__tests__/__snapshots__/picker-quarter.test.tsx.snap
+++ b/components/date-picker/__tests__/__snapshots__/picker-quarter.test.tsx.snap
@@ -1312,7 +1312,7 @@ exports[`DatePicker[picker=\`quarter\`] prop \`defaultPickerValue\` should works
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -1323,7 +1323,7 @@ exports[`DatePicker[picker=\`quarter\`] prop \`defaultPickerValue\` should works
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -1334,7 +1334,7 @@ exports[`DatePicker[picker=\`quarter\`] prop \`defaultPickerValue\` should works
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -1345,7 +1345,7 @@ exports[`DatePicker[picker=\`quarter\`] prop \`defaultPickerValue\` should works
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -1356,7 +1356,7 @@ exports[`DatePicker[picker=\`quarter\`] prop \`defaultPickerValue\` should works
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -1403,7 +1403,7 @@ exports[`DatePicker[picker=\`quarter\`] prop \`defaultPickerValue\` should works
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -1450,7 +1450,7 @@ exports[`DatePicker[picker=\`quarter\`] prop \`defaultPickerValue\` should works
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -1497,7 +1497,7 @@ exports[`DatePicker[picker=\`quarter\`] prop \`defaultPickerValue\` should works
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -1544,7 +1544,7 @@ exports[`DatePicker[picker=\`quarter\`] prop \`defaultPickerValue\` should works
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -1591,7 +1591,7 @@ exports[`DatePicker[picker=\`quarter\`] prop \`defaultPickerValue\` should works
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -1638,7 +1638,7 @@ exports[`DatePicker[picker=\`quarter\`] prop \`defaultPickerValue\` should works
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -1685,7 +1685,7 @@ exports[`DatePicker[picker=\`quarter\`] prop \`defaultPickerValue\` should works
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -1732,7 +1732,7 @@ exports[`DatePicker[picker=\`quarter\`] prop \`defaultPickerValue\` should works
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -1779,7 +1779,7 @@ exports[`DatePicker[picker=\`quarter\`] prop \`defaultPickerValue\` should works
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -1826,7 +1826,7 @@ exports[`DatePicker[picker=\`quarter\`] prop \`defaultPickerValue\` should works
             ;
           }
 
-        </style>"
+        </style></div>"
 `;
 
 exports[`DatePicker[picker=\`quarter\`] prop \`defaultValue\` should works 1`] = `
@@ -3185,7 +3185,7 @@ exports[`DatePicker[picker=\`quarter\`] prop \`defaultValue\` should works 1`] =
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -3196,7 +3196,7 @@ exports[`DatePicker[picker=\`quarter\`] prop \`defaultValue\` should works 1`] =
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -3207,7 +3207,7 @@ exports[`DatePicker[picker=\`quarter\`] prop \`defaultValue\` should works 1`] =
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -3218,7 +3218,7 @@ exports[`DatePicker[picker=\`quarter\`] prop \`defaultValue\` should works 1`] =
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -3229,7 +3229,7 @@ exports[`DatePicker[picker=\`quarter\`] prop \`defaultValue\` should works 1`] =
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -3276,7 +3276,7 @@ exports[`DatePicker[picker=\`quarter\`] prop \`defaultValue\` should works 1`] =
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -3323,7 +3323,7 @@ exports[`DatePicker[picker=\`quarter\`] prop \`defaultValue\` should works 1`] =
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -3370,7 +3370,7 @@ exports[`DatePicker[picker=\`quarter\`] prop \`defaultValue\` should works 1`] =
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -3417,7 +3417,7 @@ exports[`DatePicker[picker=\`quarter\`] prop \`defaultValue\` should works 1`] =
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -3464,7 +3464,7 @@ exports[`DatePicker[picker=\`quarter\`] prop \`defaultValue\` should works 1`] =
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -3511,7 +3511,7 @@ exports[`DatePicker[picker=\`quarter\`] prop \`defaultValue\` should works 1`] =
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -3558,7 +3558,7 @@ exports[`DatePicker[picker=\`quarter\`] prop \`defaultValue\` should works 1`] =
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -3605,7 +3605,7 @@ exports[`DatePicker[picker=\`quarter\`] prop \`defaultValue\` should works 1`] =
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -3652,7 +3652,7 @@ exports[`DatePicker[picker=\`quarter\`] prop \`defaultValue\` should works 1`] =
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -3699,7 +3699,7 @@ exports[`DatePicker[picker=\`quarter\`] prop \`defaultValue\` should works 1`] =
             ;
           }
 
-        </style>"
+        </style></div>"
 `;
 
 exports[`DatePicker[picker=\`quarter\`] prop \`format\` should works 1`] = `
@@ -5058,7 +5058,7 @@ exports[`DatePicker[picker=\`quarter\`] prop \`format\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -5069,7 +5069,7 @@ exports[`DatePicker[picker=\`quarter\`] prop \`format\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -5080,7 +5080,7 @@ exports[`DatePicker[picker=\`quarter\`] prop \`format\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -5091,7 +5091,7 @@ exports[`DatePicker[picker=\`quarter\`] prop \`format\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -5102,7 +5102,7 @@ exports[`DatePicker[picker=\`quarter\`] prop \`format\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -5149,7 +5149,7 @@ exports[`DatePicker[picker=\`quarter\`] prop \`format\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -5196,7 +5196,7 @@ exports[`DatePicker[picker=\`quarter\`] prop \`format\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -5243,7 +5243,7 @@ exports[`DatePicker[picker=\`quarter\`] prop \`format\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -5290,7 +5290,7 @@ exports[`DatePicker[picker=\`quarter\`] prop \`format\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -5337,7 +5337,7 @@ exports[`DatePicker[picker=\`quarter\`] prop \`format\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -5384,7 +5384,7 @@ exports[`DatePicker[picker=\`quarter\`] prop \`format\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -5431,7 +5431,7 @@ exports[`DatePicker[picker=\`quarter\`] prop \`format\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -5478,7 +5478,7 @@ exports[`DatePicker[picker=\`quarter\`] prop \`format\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -5525,7 +5525,7 @@ exports[`DatePicker[picker=\`quarter\`] prop \`format\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -5572,7 +5572,7 @@ exports[`DatePicker[picker=\`quarter\`] prop \`format\` should works 1`] = `
             ;
           }
 
-        </style>"
+        </style></div>"
 `;
 
 exports[`DatePicker[picker=\`quarter\`] prop \`value\` should works 1`] = `
@@ -6931,7 +6931,7 @@ exports[`DatePicker[picker=\`quarter\`] prop \`value\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -6942,7 +6942,7 @@ exports[`DatePicker[picker=\`quarter\`] prop \`value\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -6953,7 +6953,7 @@ exports[`DatePicker[picker=\`quarter\`] prop \`value\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -6964,7 +6964,7 @@ exports[`DatePicker[picker=\`quarter\`] prop \`value\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -6975,7 +6975,7 @@ exports[`DatePicker[picker=\`quarter\`] prop \`value\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -7022,7 +7022,7 @@ exports[`DatePicker[picker=\`quarter\`] prop \`value\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -7069,7 +7069,7 @@ exports[`DatePicker[picker=\`quarter\`] prop \`value\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -7116,7 +7116,7 @@ exports[`DatePicker[picker=\`quarter\`] prop \`value\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -7163,7 +7163,7 @@ exports[`DatePicker[picker=\`quarter\`] prop \`value\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -7210,7 +7210,7 @@ exports[`DatePicker[picker=\`quarter\`] prop \`value\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -7257,7 +7257,7 @@ exports[`DatePicker[picker=\`quarter\`] prop \`value\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -7304,7 +7304,7 @@ exports[`DatePicker[picker=\`quarter\`] prop \`value\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -7351,7 +7351,7 @@ exports[`DatePicker[picker=\`quarter\`] prop \`value\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -7398,7 +7398,7 @@ exports[`DatePicker[picker=\`quarter\`] prop \`value\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -7445,5 +7445,5 @@ exports[`DatePicker[picker=\`quarter\`] prop \`value\` should works 1`] = `
             ;
           }
 
-        </style>"
+        </style></div>"
 `;
diff --git a/components/date-picker/__tests__/__snapshots__/picker-time.test.tsx.snap b/components/date-picker/__tests__/__snapshots__/picker-time.test.tsx.snap
index 3f7fcbc2f..5d327e684 100644
--- a/components/date-picker/__tests__/__snapshots__/picker-time.test.tsx.snap
+++ b/components/date-picker/__tests__/__snapshots__/picker-time.test.tsx.snap
@@ -1442,7 +1442,7 @@ exports[`DatePicker[picker=\`time\`] prop \`defaultValue\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -1453,7 +1453,7 @@ exports[`DatePicker[picker=\`time\`] prop \`defaultValue\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -1464,7 +1464,7 @@ exports[`DatePicker[picker=\`time\`] prop \`defaultValue\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -1475,7 +1475,7 @@ exports[`DatePicker[picker=\`time\`] prop \`defaultValue\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -1486,7 +1486,7 @@ exports[`DatePicker[picker=\`time\`] prop \`defaultValue\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -1533,7 +1533,7 @@ exports[`DatePicker[picker=\`time\`] prop \`defaultValue\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -1580,7 +1580,7 @@ exports[`DatePicker[picker=\`time\`] prop \`defaultValue\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -1627,7 +1627,7 @@ exports[`DatePicker[picker=\`time\`] prop \`defaultValue\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -1674,7 +1674,7 @@ exports[`DatePicker[picker=\`time\`] prop \`defaultValue\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -1721,7 +1721,7 @@ exports[`DatePicker[picker=\`time\`] prop \`defaultValue\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -1768,7 +1768,7 @@ exports[`DatePicker[picker=\`time\`] prop \`defaultValue\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -1815,7 +1815,7 @@ exports[`DatePicker[picker=\`time\`] prop \`defaultValue\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -1862,7 +1862,7 @@ exports[`DatePicker[picker=\`time\`] prop \`defaultValue\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -1909,7 +1909,7 @@ exports[`DatePicker[picker=\`time\`] prop \`defaultValue\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -1956,7 +1956,7 @@ exports[`DatePicker[picker=\`time\`] prop \`defaultValue\` should works 1`] = `
             ;
           }
 
-        </style>"
+        </style></div>"
 `;
 
 exports[`DatePicker[picker=\`time\`] prop \`disabledHours\` should works 1`] = `
@@ -3357,7 +3357,7 @@ exports[`DatePicker[picker=\`time\`] prop \`disabledHours\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -3368,7 +3368,7 @@ exports[`DatePicker[picker=\`time\`] prop \`disabledHours\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -3379,7 +3379,7 @@ exports[`DatePicker[picker=\`time\`] prop \`disabledHours\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -3390,7 +3390,7 @@ exports[`DatePicker[picker=\`time\`] prop \`disabledHours\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -3401,7 +3401,7 @@ exports[`DatePicker[picker=\`time\`] prop \`disabledHours\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -3448,7 +3448,7 @@ exports[`DatePicker[picker=\`time\`] prop \`disabledHours\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -3495,7 +3495,7 @@ exports[`DatePicker[picker=\`time\`] prop \`disabledHours\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -3542,7 +3542,7 @@ exports[`DatePicker[picker=\`time\`] prop \`disabledHours\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -3589,7 +3589,7 @@ exports[`DatePicker[picker=\`time\`] prop \`disabledHours\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -3636,7 +3636,7 @@ exports[`DatePicker[picker=\`time\`] prop \`disabledHours\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -3683,7 +3683,7 @@ exports[`DatePicker[picker=\`time\`] prop \`disabledHours\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -3730,7 +3730,7 @@ exports[`DatePicker[picker=\`time\`] prop \`disabledHours\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -3777,7 +3777,7 @@ exports[`DatePicker[picker=\`time\`] prop \`disabledHours\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -3824,7 +3824,7 @@ exports[`DatePicker[picker=\`time\`] prop \`disabledHours\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -3871,7 +3871,7 @@ exports[`DatePicker[picker=\`time\`] prop \`disabledHours\` should works 1`] = `
             ;
           }
 
-        </style>"
+        </style></div>"
 `;
 
 exports[`DatePicker[picker=\`time\`] prop \`disabledMinutes\` should works 1`] = `
@@ -5272,7 +5272,7 @@ exports[`DatePicker[picker=\`time\`] prop \`disabledMinutes\` should works 1`] =
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -5283,7 +5283,7 @@ exports[`DatePicker[picker=\`time\`] prop \`disabledMinutes\` should works 1`] =
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -5294,7 +5294,7 @@ exports[`DatePicker[picker=\`time\`] prop \`disabledMinutes\` should works 1`] =
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -5305,7 +5305,7 @@ exports[`DatePicker[picker=\`time\`] prop \`disabledMinutes\` should works 1`] =
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -5316,7 +5316,7 @@ exports[`DatePicker[picker=\`time\`] prop \`disabledMinutes\` should works 1`] =
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -5363,7 +5363,7 @@ exports[`DatePicker[picker=\`time\`] prop \`disabledMinutes\` should works 1`] =
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -5410,7 +5410,7 @@ exports[`DatePicker[picker=\`time\`] prop \`disabledMinutes\` should works 1`] =
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -5457,7 +5457,7 @@ exports[`DatePicker[picker=\`time\`] prop \`disabledMinutes\` should works 1`] =
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -5504,7 +5504,7 @@ exports[`DatePicker[picker=\`time\`] prop \`disabledMinutes\` should works 1`] =
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -5551,7 +5551,7 @@ exports[`DatePicker[picker=\`time\`] prop \`disabledMinutes\` should works 1`] =
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -5598,7 +5598,7 @@ exports[`DatePicker[picker=\`time\`] prop \`disabledMinutes\` should works 1`] =
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -5645,7 +5645,7 @@ exports[`DatePicker[picker=\`time\`] prop \`disabledMinutes\` should works 1`] =
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -5692,7 +5692,7 @@ exports[`DatePicker[picker=\`time\`] prop \`disabledMinutes\` should works 1`] =
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -5739,7 +5739,7 @@ exports[`DatePicker[picker=\`time\`] prop \`disabledMinutes\` should works 1`] =
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -5786,7 +5786,7 @@ exports[`DatePicker[picker=\`time\`] prop \`disabledMinutes\` should works 1`] =
             ;
           }
 
-        </style>"
+        </style></div>"
 `;
 
 exports[`DatePicker[picker=\`time\`] prop \`disabledSeconds\` should works 1`] = `
@@ -7187,7 +7187,7 @@ exports[`DatePicker[picker=\`time\`] prop \`disabledSeconds\` should works 1`] =
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -7198,7 +7198,7 @@ exports[`DatePicker[picker=\`time\`] prop \`disabledSeconds\` should works 1`] =
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -7209,7 +7209,7 @@ exports[`DatePicker[picker=\`time\`] prop \`disabledSeconds\` should works 1`] =
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -7220,7 +7220,7 @@ exports[`DatePicker[picker=\`time\`] prop \`disabledSeconds\` should works 1`] =
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -7231,7 +7231,7 @@ exports[`DatePicker[picker=\`time\`] prop \`disabledSeconds\` should works 1`] =
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -7278,7 +7278,7 @@ exports[`DatePicker[picker=\`time\`] prop \`disabledSeconds\` should works 1`] =
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -7325,7 +7325,7 @@ exports[`DatePicker[picker=\`time\`] prop \`disabledSeconds\` should works 1`] =
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -7372,7 +7372,7 @@ exports[`DatePicker[picker=\`time\`] prop \`disabledSeconds\` should works 1`] =
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -7419,7 +7419,7 @@ exports[`DatePicker[picker=\`time\`] prop \`disabledSeconds\` should works 1`] =
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -7466,7 +7466,7 @@ exports[`DatePicker[picker=\`time\`] prop \`disabledSeconds\` should works 1`] =
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -7513,7 +7513,7 @@ exports[`DatePicker[picker=\`time\`] prop \`disabledSeconds\` should works 1`] =
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -7560,7 +7560,7 @@ exports[`DatePicker[picker=\`time\`] prop \`disabledSeconds\` should works 1`] =
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -7607,7 +7607,7 @@ exports[`DatePicker[picker=\`time\`] prop \`disabledSeconds\` should works 1`] =
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -7654,7 +7654,7 @@ exports[`DatePicker[picker=\`time\`] prop \`disabledSeconds\` should works 1`] =
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -7701,7 +7701,7 @@ exports[`DatePicker[picker=\`time\`] prop \`disabledSeconds\` should works 1`] =
             ;
           }
 
-        </style>"
+        </style></div>"
 `;
 
 exports[`DatePicker[picker=\`time\`] prop \`format\` should works 1`] = `
@@ -9102,7 +9102,7 @@ exports[`DatePicker[picker=\`time\`] prop \`format\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -9113,7 +9113,7 @@ exports[`DatePicker[picker=\`time\`] prop \`format\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -9124,7 +9124,7 @@ exports[`DatePicker[picker=\`time\`] prop \`format\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -9135,7 +9135,7 @@ exports[`DatePicker[picker=\`time\`] prop \`format\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -9146,7 +9146,7 @@ exports[`DatePicker[picker=\`time\`] prop \`format\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -9193,7 +9193,7 @@ exports[`DatePicker[picker=\`time\`] prop \`format\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -9240,7 +9240,7 @@ exports[`DatePicker[picker=\`time\`] prop \`format\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -9287,7 +9287,7 @@ exports[`DatePicker[picker=\`time\`] prop \`format\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -9334,7 +9334,7 @@ exports[`DatePicker[picker=\`time\`] prop \`format\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -9381,7 +9381,7 @@ exports[`DatePicker[picker=\`time\`] prop \`format\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -9428,7 +9428,7 @@ exports[`DatePicker[picker=\`time\`] prop \`format\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -9475,7 +9475,7 @@ exports[`DatePicker[picker=\`time\`] prop \`format\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -9522,7 +9522,7 @@ exports[`DatePicker[picker=\`time\`] prop \`format\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -9569,7 +9569,7 @@ exports[`DatePicker[picker=\`time\`] prop \`format\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -9616,7 +9616,7 @@ exports[`DatePicker[picker=\`time\`] prop \`format\` should works 1`] = `
             ;
           }
 
-        </style>"
+        </style></div>"
 `;
 
 exports[`DatePicker[picker=\`time\`] prop \`hideDisabledOptions\` should works 1`] = `
@@ -11017,7 +11017,7 @@ exports[`DatePicker[picker=\`time\`] prop \`hideDisabledOptions\` should works 1
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -11028,7 +11028,7 @@ exports[`DatePicker[picker=\`time\`] prop \`hideDisabledOptions\` should works 1
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -11039,7 +11039,7 @@ exports[`DatePicker[picker=\`time\`] prop \`hideDisabledOptions\` should works 1
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -11050,7 +11050,7 @@ exports[`DatePicker[picker=\`time\`] prop \`hideDisabledOptions\` should works 1
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -11061,7 +11061,7 @@ exports[`DatePicker[picker=\`time\`] prop \`hideDisabledOptions\` should works 1
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -11108,7 +11108,7 @@ exports[`DatePicker[picker=\`time\`] prop \`hideDisabledOptions\` should works 1
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -11155,7 +11155,7 @@ exports[`DatePicker[picker=\`time\`] prop \`hideDisabledOptions\` should works 1
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -11202,7 +11202,7 @@ exports[`DatePicker[picker=\`time\`] prop \`hideDisabledOptions\` should works 1
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -11249,7 +11249,7 @@ exports[`DatePicker[picker=\`time\`] prop \`hideDisabledOptions\` should works 1
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -11296,7 +11296,7 @@ exports[`DatePicker[picker=\`time\`] prop \`hideDisabledOptions\` should works 1
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -11343,7 +11343,7 @@ exports[`DatePicker[picker=\`time\`] prop \`hideDisabledOptions\` should works 1
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -11390,7 +11390,7 @@ exports[`DatePicker[picker=\`time\`] prop \`hideDisabledOptions\` should works 1
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -11437,7 +11437,7 @@ exports[`DatePicker[picker=\`time\`] prop \`hideDisabledOptions\` should works 1
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -11484,7 +11484,7 @@ exports[`DatePicker[picker=\`time\`] prop \`hideDisabledOptions\` should works 1
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -11531,7 +11531,7 @@ exports[`DatePicker[picker=\`time\`] prop \`hideDisabledOptions\` should works 1
             ;
           }
 
-        </style>"
+        </style></div>"
 `;
 
 exports[`DatePicker[picker=\`time\`] prop \`hourStep\` should works 1`] = `
@@ -12932,7 +12932,7 @@ exports[`DatePicker[picker=\`time\`] prop \`hourStep\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -12943,7 +12943,7 @@ exports[`DatePicker[picker=\`time\`] prop \`hourStep\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -12954,7 +12954,7 @@ exports[`DatePicker[picker=\`time\`] prop \`hourStep\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -12965,7 +12965,7 @@ exports[`DatePicker[picker=\`time\`] prop \`hourStep\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -12976,7 +12976,7 @@ exports[`DatePicker[picker=\`time\`] prop \`hourStep\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -13023,7 +13023,7 @@ exports[`DatePicker[picker=\`time\`] prop \`hourStep\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -13070,7 +13070,7 @@ exports[`DatePicker[picker=\`time\`] prop \`hourStep\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -13117,7 +13117,7 @@ exports[`DatePicker[picker=\`time\`] prop \`hourStep\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -13164,7 +13164,7 @@ exports[`DatePicker[picker=\`time\`] prop \`hourStep\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -13211,7 +13211,7 @@ exports[`DatePicker[picker=\`time\`] prop \`hourStep\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -13258,7 +13258,7 @@ exports[`DatePicker[picker=\`time\`] prop \`hourStep\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -13305,7 +13305,7 @@ exports[`DatePicker[picker=\`time\`] prop \`hourStep\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -13352,7 +13352,7 @@ exports[`DatePicker[picker=\`time\`] prop \`hourStep\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -13399,7 +13399,7 @@ exports[`DatePicker[picker=\`time\`] prop \`hourStep\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -13446,7 +13446,7 @@ exports[`DatePicker[picker=\`time\`] prop \`hourStep\` should works 1`] = `
             ;
           }
 
-        </style>"
+        </style></div>"
 `;
 
 exports[`DatePicker[picker=\`time\`] prop \`minuteStep\` should works 1`] = `
@@ -14847,7 +14847,7 @@ exports[`DatePicker[picker=\`time\`] prop \`minuteStep\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -14858,7 +14858,7 @@ exports[`DatePicker[picker=\`time\`] prop \`minuteStep\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -14869,7 +14869,7 @@ exports[`DatePicker[picker=\`time\`] prop \`minuteStep\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -14880,7 +14880,7 @@ exports[`DatePicker[picker=\`time\`] prop \`minuteStep\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -14891,7 +14891,7 @@ exports[`DatePicker[picker=\`time\`] prop \`minuteStep\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -14938,7 +14938,7 @@ exports[`DatePicker[picker=\`time\`] prop \`minuteStep\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -14985,7 +14985,7 @@ exports[`DatePicker[picker=\`time\`] prop \`minuteStep\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -15032,7 +15032,7 @@ exports[`DatePicker[picker=\`time\`] prop \`minuteStep\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -15079,7 +15079,7 @@ exports[`DatePicker[picker=\`time\`] prop \`minuteStep\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -15126,7 +15126,7 @@ exports[`DatePicker[picker=\`time\`] prop \`minuteStep\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -15173,7 +15173,7 @@ exports[`DatePicker[picker=\`time\`] prop \`minuteStep\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -15220,7 +15220,7 @@ exports[`DatePicker[picker=\`time\`] prop \`minuteStep\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -15267,7 +15267,7 @@ exports[`DatePicker[picker=\`time\`] prop \`minuteStep\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -15314,7 +15314,7 @@ exports[`DatePicker[picker=\`time\`] prop \`minuteStep\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -15361,7 +15361,7 @@ exports[`DatePicker[picker=\`time\`] prop \`minuteStep\` should works 1`] = `
             ;
           }
 
-        </style>"
+        </style></div>"
 `;
 
 exports[`DatePicker[picker=\`time\`] prop \`renderExtraFooter\` should works 1`] = `
@@ -16762,7 +16762,7 @@ exports[`DatePicker[picker=\`time\`] prop \`renderExtraFooter\` should works 1`]
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -16773,7 +16773,7 @@ exports[`DatePicker[picker=\`time\`] prop \`renderExtraFooter\` should works 1`]
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -16784,7 +16784,7 @@ exports[`DatePicker[picker=\`time\`] prop \`renderExtraFooter\` should works 1`]
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -16795,7 +16795,7 @@ exports[`DatePicker[picker=\`time\`] prop \`renderExtraFooter\` should works 1`]
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -16806,7 +16806,7 @@ exports[`DatePicker[picker=\`time\`] prop \`renderExtraFooter\` should works 1`]
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -16853,7 +16853,7 @@ exports[`DatePicker[picker=\`time\`] prop \`renderExtraFooter\` should works 1`]
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -16900,7 +16900,7 @@ exports[`DatePicker[picker=\`time\`] prop \`renderExtraFooter\` should works 1`]
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -16947,7 +16947,7 @@ exports[`DatePicker[picker=\`time\`] prop \`renderExtraFooter\` should works 1`]
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -16994,7 +16994,7 @@ exports[`DatePicker[picker=\`time\`] prop \`renderExtraFooter\` should works 1`]
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -17041,7 +17041,7 @@ exports[`DatePicker[picker=\`time\`] prop \`renderExtraFooter\` should works 1`]
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -17088,7 +17088,7 @@ exports[`DatePicker[picker=\`time\`] prop \`renderExtraFooter\` should works 1`]
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -17135,7 +17135,7 @@ exports[`DatePicker[picker=\`time\`] prop \`renderExtraFooter\` should works 1`]
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -17182,7 +17182,7 @@ exports[`DatePicker[picker=\`time\`] prop \`renderExtraFooter\` should works 1`]
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -17229,7 +17229,7 @@ exports[`DatePicker[picker=\`time\`] prop \`renderExtraFooter\` should works 1`]
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -17276,7 +17276,7 @@ exports[`DatePicker[picker=\`time\`] prop \`renderExtraFooter\` should works 1`]
             ;
           }
 
-        </style>"
+        </style></div>"
 `;
 
 exports[`DatePicker[picker=\`time\`] prop \`secondStep\` should works 1`] = `
@@ -18677,7 +18677,7 @@ exports[`DatePicker[picker=\`time\`] prop \`secondStep\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -18688,7 +18688,7 @@ exports[`DatePicker[picker=\`time\`] prop \`secondStep\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -18699,7 +18699,7 @@ exports[`DatePicker[picker=\`time\`] prop \`secondStep\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -18710,7 +18710,7 @@ exports[`DatePicker[picker=\`time\`] prop \`secondStep\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -18721,7 +18721,7 @@ exports[`DatePicker[picker=\`time\`] prop \`secondStep\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -18768,7 +18768,7 @@ exports[`DatePicker[picker=\`time\`] prop \`secondStep\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -18815,7 +18815,7 @@ exports[`DatePicker[picker=\`time\`] prop \`secondStep\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -18862,7 +18862,7 @@ exports[`DatePicker[picker=\`time\`] prop \`secondStep\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -18909,7 +18909,7 @@ exports[`DatePicker[picker=\`time\`] prop \`secondStep\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -18956,7 +18956,7 @@ exports[`DatePicker[picker=\`time\`] prop \`secondStep\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -19003,7 +19003,7 @@ exports[`DatePicker[picker=\`time\`] prop \`secondStep\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -19050,7 +19050,7 @@ exports[`DatePicker[picker=\`time\`] prop \`secondStep\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -19097,7 +19097,7 @@ exports[`DatePicker[picker=\`time\`] prop \`secondStep\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -19144,7 +19144,7 @@ exports[`DatePicker[picker=\`time\`] prop \`secondStep\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -19191,7 +19191,7 @@ exports[`DatePicker[picker=\`time\`] prop \`secondStep\` should works 1`] = `
             ;
           }
 
-        </style>"
+        </style></div>"
 `;
 
 exports[`DatePicker[picker=\`time\`] prop \`use12Hours\` should works 1`] = `
@@ -20592,7 +20592,7 @@ exports[`DatePicker[picker=\`time\`] prop \`use12Hours\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -20603,7 +20603,7 @@ exports[`DatePicker[picker=\`time\`] prop \`use12Hours\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -20614,7 +20614,7 @@ exports[`DatePicker[picker=\`time\`] prop \`use12Hours\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -20625,7 +20625,7 @@ exports[`DatePicker[picker=\`time\`] prop \`use12Hours\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -20636,7 +20636,7 @@ exports[`DatePicker[picker=\`time\`] prop \`use12Hours\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -20683,7 +20683,7 @@ exports[`DatePicker[picker=\`time\`] prop \`use12Hours\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -20730,7 +20730,7 @@ exports[`DatePicker[picker=\`time\`] prop \`use12Hours\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -20777,7 +20777,7 @@ exports[`DatePicker[picker=\`time\`] prop \`use12Hours\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -20824,7 +20824,7 @@ exports[`DatePicker[picker=\`time\`] prop \`use12Hours\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -20871,7 +20871,7 @@ exports[`DatePicker[picker=\`time\`] prop \`use12Hours\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -20918,7 +20918,7 @@ exports[`DatePicker[picker=\`time\`] prop \`use12Hours\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -20965,7 +20965,7 @@ exports[`DatePicker[picker=\`time\`] prop \`use12Hours\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -21012,7 +21012,7 @@ exports[`DatePicker[picker=\`time\`] prop \`use12Hours\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -21059,7 +21059,7 @@ exports[`DatePicker[picker=\`time\`] prop \`use12Hours\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -21106,7 +21106,7 @@ exports[`DatePicker[picker=\`time\`] prop \`use12Hours\` should works 1`] = `
             ;
           }
 
-        </style>"
+        </style></div>"
 `;
 
 exports[`DatePicker[picker=\`time\`] prop \`value\` should works 1`] = `
@@ -22551,7 +22551,7 @@ exports[`DatePicker[picker=\`time\`] prop \`value\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -22562,7 +22562,7 @@ exports[`DatePicker[picker=\`time\`] prop \`value\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -22573,7 +22573,7 @@ exports[`DatePicker[picker=\`time\`] prop \`value\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -22584,7 +22584,7 @@ exports[`DatePicker[picker=\`time\`] prop \`value\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -22595,7 +22595,7 @@ exports[`DatePicker[picker=\`time\`] prop \`value\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -22642,7 +22642,7 @@ exports[`DatePicker[picker=\`time\`] prop \`value\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -22689,7 +22689,7 @@ exports[`DatePicker[picker=\`time\`] prop \`value\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -22736,7 +22736,7 @@ exports[`DatePicker[picker=\`time\`] prop \`value\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -22783,7 +22783,7 @@ exports[`DatePicker[picker=\`time\`] prop \`value\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -22830,7 +22830,7 @@ exports[`DatePicker[picker=\`time\`] prop \`value\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -22877,7 +22877,7 @@ exports[`DatePicker[picker=\`time\`] prop \`value\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -22924,7 +22924,7 @@ exports[`DatePicker[picker=\`time\`] prop \`value\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -22971,7 +22971,7 @@ exports[`DatePicker[picker=\`time\`] prop \`value\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -23018,7 +23018,7 @@ exports[`DatePicker[picker=\`time\`] prop \`value\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -23065,5 +23065,5 @@ exports[`DatePicker[picker=\`time\`] prop \`value\` should works 1`] = `
             ;
           }
 
-        </style>"
+        </style></div>"
 `;
diff --git a/components/date-picker/__tests__/__snapshots__/picker-week.test.tsx.snap b/components/date-picker/__tests__/__snapshots__/picker-week.test.tsx.snap
index 31644ec45..a683b073b 100644
--- a/components/date-picker/__tests__/__snapshots__/picker-week.test.tsx.snap
+++ b/components/date-picker/__tests__/__snapshots__/picker-week.test.tsx.snap
@@ -1312,7 +1312,7 @@ exports[`DatePicker[picker=\`week\`] prop \`defaultPickerValue\` should works 1`
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -1323,7 +1323,7 @@ exports[`DatePicker[picker=\`week\`] prop \`defaultPickerValue\` should works 1`
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -1334,7 +1334,7 @@ exports[`DatePicker[picker=\`week\`] prop \`defaultPickerValue\` should works 1`
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -1345,7 +1345,7 @@ exports[`DatePicker[picker=\`week\`] prop \`defaultPickerValue\` should works 1`
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -1356,7 +1356,7 @@ exports[`DatePicker[picker=\`week\`] prop \`defaultPickerValue\` should works 1`
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -1403,7 +1403,7 @@ exports[`DatePicker[picker=\`week\`] prop \`defaultPickerValue\` should works 1`
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -1450,7 +1450,7 @@ exports[`DatePicker[picker=\`week\`] prop \`defaultPickerValue\` should works 1`
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -1497,7 +1497,7 @@ exports[`DatePicker[picker=\`week\`] prop \`defaultPickerValue\` should works 1`
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -1544,7 +1544,7 @@ exports[`DatePicker[picker=\`week\`] prop \`defaultPickerValue\` should works 1`
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -1591,7 +1591,7 @@ exports[`DatePicker[picker=\`week\`] prop \`defaultPickerValue\` should works 1`
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -1638,7 +1638,7 @@ exports[`DatePicker[picker=\`week\`] prop \`defaultPickerValue\` should works 1`
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -1685,7 +1685,7 @@ exports[`DatePicker[picker=\`week\`] prop \`defaultPickerValue\` should works 1`
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -1732,7 +1732,7 @@ exports[`DatePicker[picker=\`week\`] prop \`defaultPickerValue\` should works 1`
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -1779,7 +1779,7 @@ exports[`DatePicker[picker=\`week\`] prop \`defaultPickerValue\` should works 1`
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -1826,7 +1826,7 @@ exports[`DatePicker[picker=\`week\`] prop \`defaultPickerValue\` should works 1`
             ;
           }
 
-        </style>"
+        </style></div>"
 `;
 
 exports[`DatePicker[picker=\`week\`] prop \`defaultValue\` should works 1`] = `
@@ -3185,7 +3185,7 @@ exports[`DatePicker[picker=\`week\`] prop \`defaultValue\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -3196,7 +3196,7 @@ exports[`DatePicker[picker=\`week\`] prop \`defaultValue\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -3207,7 +3207,7 @@ exports[`DatePicker[picker=\`week\`] prop \`defaultValue\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -3218,7 +3218,7 @@ exports[`DatePicker[picker=\`week\`] prop \`defaultValue\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -3229,7 +3229,7 @@ exports[`DatePicker[picker=\`week\`] prop \`defaultValue\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -3276,7 +3276,7 @@ exports[`DatePicker[picker=\`week\`] prop \`defaultValue\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -3323,7 +3323,7 @@ exports[`DatePicker[picker=\`week\`] prop \`defaultValue\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -3370,7 +3370,7 @@ exports[`DatePicker[picker=\`week\`] prop \`defaultValue\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -3417,7 +3417,7 @@ exports[`DatePicker[picker=\`week\`] prop \`defaultValue\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -3464,7 +3464,7 @@ exports[`DatePicker[picker=\`week\`] prop \`defaultValue\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -3511,7 +3511,7 @@ exports[`DatePicker[picker=\`week\`] prop \`defaultValue\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -3558,7 +3558,7 @@ exports[`DatePicker[picker=\`week\`] prop \`defaultValue\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -3605,7 +3605,7 @@ exports[`DatePicker[picker=\`week\`] prop \`defaultValue\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -3652,7 +3652,7 @@ exports[`DatePicker[picker=\`week\`] prop \`defaultValue\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -3699,7 +3699,7 @@ exports[`DatePicker[picker=\`week\`] prop \`defaultValue\` should works 1`] = `
             ;
           }
 
-        </style>"
+        </style></div>"
 `;
 
 exports[`DatePicker[picker=\`week\`] prop \`format\` should works 1`] = `
@@ -5058,7 +5058,7 @@ exports[`DatePicker[picker=\`week\`] prop \`format\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -5069,7 +5069,7 @@ exports[`DatePicker[picker=\`week\`] prop \`format\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -5080,7 +5080,7 @@ exports[`DatePicker[picker=\`week\`] prop \`format\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -5091,7 +5091,7 @@ exports[`DatePicker[picker=\`week\`] prop \`format\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -5102,7 +5102,7 @@ exports[`DatePicker[picker=\`week\`] prop \`format\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -5149,7 +5149,7 @@ exports[`DatePicker[picker=\`week\`] prop \`format\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -5196,7 +5196,7 @@ exports[`DatePicker[picker=\`week\`] prop \`format\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -5243,7 +5243,7 @@ exports[`DatePicker[picker=\`week\`] prop \`format\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -5290,7 +5290,7 @@ exports[`DatePicker[picker=\`week\`] prop \`format\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -5337,7 +5337,7 @@ exports[`DatePicker[picker=\`week\`] prop \`format\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -5384,7 +5384,7 @@ exports[`DatePicker[picker=\`week\`] prop \`format\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -5431,7 +5431,7 @@ exports[`DatePicker[picker=\`week\`] prop \`format\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -5478,7 +5478,7 @@ exports[`DatePicker[picker=\`week\`] prop \`format\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -5525,7 +5525,7 @@ exports[`DatePicker[picker=\`week\`] prop \`format\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -5572,7 +5572,7 @@ exports[`DatePicker[picker=\`week\`] prop \`format\` should works 1`] = `
             ;
           }
 
-        </style>"
+        </style></div>"
 `;
 
 exports[`DatePicker[picker=\`week\`] prop \`value\` should works 1`] = `
@@ -6931,7 +6931,7 @@ exports[`DatePicker[picker=\`week\`] prop \`value\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -6942,7 +6942,7 @@ exports[`DatePicker[picker=\`week\`] prop \`value\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -6953,7 +6953,7 @@ exports[`DatePicker[picker=\`week\`] prop \`value\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -6964,7 +6964,7 @@ exports[`DatePicker[picker=\`week\`] prop \`value\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -6975,7 +6975,7 @@ exports[`DatePicker[picker=\`week\`] prop \`value\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -7022,7 +7022,7 @@ exports[`DatePicker[picker=\`week\`] prop \`value\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -7069,7 +7069,7 @@ exports[`DatePicker[picker=\`week\`] prop \`value\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -7116,7 +7116,7 @@ exports[`DatePicker[picker=\`week\`] prop \`value\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -7163,7 +7163,7 @@ exports[`DatePicker[picker=\`week\`] prop \`value\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -7210,7 +7210,7 @@ exports[`DatePicker[picker=\`week\`] prop \`value\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -7257,7 +7257,7 @@ exports[`DatePicker[picker=\`week\`] prop \`value\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -7304,7 +7304,7 @@ exports[`DatePicker[picker=\`week\`] prop \`value\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -7351,7 +7351,7 @@ exports[`DatePicker[picker=\`week\`] prop \`value\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -7398,7 +7398,7 @@ exports[`DatePicker[picker=\`week\`] prop \`value\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -7445,5 +7445,5 @@ exports[`DatePicker[picker=\`week\`] prop \`value\` should works 1`] = `
             ;
           }
 
-        </style>"
+        </style></div>"
 `;
diff --git a/components/date-picker/__tests__/__snapshots__/picker-year.test.tsx.snap b/components/date-picker/__tests__/__snapshots__/picker-year.test.tsx.snap
index 0ceab1af8..eb8a62f02 100644
--- a/components/date-picker/__tests__/__snapshots__/picker-year.test.tsx.snap
+++ b/components/date-picker/__tests__/__snapshots__/picker-year.test.tsx.snap
@@ -1312,7 +1312,7 @@ exports[`DatePicker[picker=\`year\`] prop \`defaultPickerValue\` should works 1`
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -1323,7 +1323,7 @@ exports[`DatePicker[picker=\`year\`] prop \`defaultPickerValue\` should works 1`
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -1334,7 +1334,7 @@ exports[`DatePicker[picker=\`year\`] prop \`defaultPickerValue\` should works 1`
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -1345,7 +1345,7 @@ exports[`DatePicker[picker=\`year\`] prop \`defaultPickerValue\` should works 1`
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -1356,7 +1356,7 @@ exports[`DatePicker[picker=\`year\`] prop \`defaultPickerValue\` should works 1`
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -1403,7 +1403,7 @@ exports[`DatePicker[picker=\`year\`] prop \`defaultPickerValue\` should works 1`
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -1450,7 +1450,7 @@ exports[`DatePicker[picker=\`year\`] prop \`defaultPickerValue\` should works 1`
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -1497,7 +1497,7 @@ exports[`DatePicker[picker=\`year\`] prop \`defaultPickerValue\` should works 1`
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -1544,7 +1544,7 @@ exports[`DatePicker[picker=\`year\`] prop \`defaultPickerValue\` should works 1`
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -1591,7 +1591,7 @@ exports[`DatePicker[picker=\`year\`] prop \`defaultPickerValue\` should works 1`
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -1638,7 +1638,7 @@ exports[`DatePicker[picker=\`year\`] prop \`defaultPickerValue\` should works 1`
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -1685,7 +1685,7 @@ exports[`DatePicker[picker=\`year\`] prop \`defaultPickerValue\` should works 1`
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -1732,7 +1732,7 @@ exports[`DatePicker[picker=\`year\`] prop \`defaultPickerValue\` should works 1`
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -1779,7 +1779,7 @@ exports[`DatePicker[picker=\`year\`] prop \`defaultPickerValue\` should works 1`
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -1826,7 +1826,7 @@ exports[`DatePicker[picker=\`year\`] prop \`defaultPickerValue\` should works 1`
             ;
           }
 
-        </style>"
+        </style></div>"
 `;
 
 exports[`DatePicker[picker=\`year\`] prop \`defaultValue\` should works 1`] = `
@@ -3185,7 +3185,7 @@ exports[`DatePicker[picker=\`year\`] prop \`defaultValue\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -3196,7 +3196,7 @@ exports[`DatePicker[picker=\`year\`] prop \`defaultValue\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -3207,7 +3207,7 @@ exports[`DatePicker[picker=\`year\`] prop \`defaultValue\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -3218,7 +3218,7 @@ exports[`DatePicker[picker=\`year\`] prop \`defaultValue\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -3229,7 +3229,7 @@ exports[`DatePicker[picker=\`year\`] prop \`defaultValue\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -3276,7 +3276,7 @@ exports[`DatePicker[picker=\`year\`] prop \`defaultValue\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -3323,7 +3323,7 @@ exports[`DatePicker[picker=\`year\`] prop \`defaultValue\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -3370,7 +3370,7 @@ exports[`DatePicker[picker=\`year\`] prop \`defaultValue\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -3417,7 +3417,7 @@ exports[`DatePicker[picker=\`year\`] prop \`defaultValue\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -3464,7 +3464,7 @@ exports[`DatePicker[picker=\`year\`] prop \`defaultValue\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -3511,7 +3511,7 @@ exports[`DatePicker[picker=\`year\`] prop \`defaultValue\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -3558,7 +3558,7 @@ exports[`DatePicker[picker=\`year\`] prop \`defaultValue\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -3605,7 +3605,7 @@ exports[`DatePicker[picker=\`year\`] prop \`defaultValue\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -3652,7 +3652,7 @@ exports[`DatePicker[picker=\`year\`] prop \`defaultValue\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -3699,7 +3699,7 @@ exports[`DatePicker[picker=\`year\`] prop \`defaultValue\` should works 1`] = `
             ;
           }
 
-        </style>"
+        </style></div>"
 `;
 
 exports[`DatePicker[picker=\`year\`] prop \`format\` should works 1`] = `
@@ -5058,7 +5058,7 @@ exports[`DatePicker[picker=\`year\`] prop \`format\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -5069,7 +5069,7 @@ exports[`DatePicker[picker=\`year\`] prop \`format\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -5080,7 +5080,7 @@ exports[`DatePicker[picker=\`year\`] prop \`format\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -5091,7 +5091,7 @@ exports[`DatePicker[picker=\`year\`] prop \`format\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -5102,7 +5102,7 @@ exports[`DatePicker[picker=\`year\`] prop \`format\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -5149,7 +5149,7 @@ exports[`DatePicker[picker=\`year\`] prop \`format\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -5196,7 +5196,7 @@ exports[`DatePicker[picker=\`year\`] prop \`format\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -5243,7 +5243,7 @@ exports[`DatePicker[picker=\`year\`] prop \`format\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -5290,7 +5290,7 @@ exports[`DatePicker[picker=\`year\`] prop \`format\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -5337,7 +5337,7 @@ exports[`DatePicker[picker=\`year\`] prop \`format\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -5384,7 +5384,7 @@ exports[`DatePicker[picker=\`year\`] prop \`format\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -5431,7 +5431,7 @@ exports[`DatePicker[picker=\`year\`] prop \`format\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -5478,7 +5478,7 @@ exports[`DatePicker[picker=\`year\`] prop \`format\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -5525,7 +5525,7 @@ exports[`DatePicker[picker=\`year\`] prop \`format\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -5572,7 +5572,7 @@ exports[`DatePicker[picker=\`year\`] prop \`format\` should works 1`] = `
             ;
           }
 
-        </style>"
+        </style></div>"
 `;
 
 exports[`DatePicker[picker=\`year\`] prop \`value\` should works 1`] = `
@@ -6931,7 +6931,7 @@ exports[`DatePicker[picker=\`year\`] prop \`value\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -6942,7 +6942,7 @@ exports[`DatePicker[picker=\`year\`] prop \`value\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -6953,7 +6953,7 @@ exports[`DatePicker[picker=\`year\`] prop \`value\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -6964,7 +6964,7 @@ exports[`DatePicker[picker=\`year\`] prop \`value\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -6975,7 +6975,7 @@ exports[`DatePicker[picker=\`year\`] prop \`value\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -7022,7 +7022,7 @@ exports[`DatePicker[picker=\`year\`] prop \`value\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -7069,7 +7069,7 @@ exports[`DatePicker[picker=\`year\`] prop \`value\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -7116,7 +7116,7 @@ exports[`DatePicker[picker=\`year\`] prop \`value\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -7163,7 +7163,7 @@ exports[`DatePicker[picker=\`year\`] prop \`value\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -7210,7 +7210,7 @@ exports[`DatePicker[picker=\`year\`] prop \`value\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -7257,7 +7257,7 @@ exports[`DatePicker[picker=\`year\`] prop \`value\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -7304,7 +7304,7 @@ exports[`DatePicker[picker=\`year\`] prop \`value\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -7351,7 +7351,7 @@ exports[`DatePicker[picker=\`year\`] prop \`value\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -7398,7 +7398,7 @@ exports[`DatePicker[picker=\`year\`] prop \`value\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -7445,5 +7445,5 @@ exports[`DatePicker[picker=\`year\`] prop \`value\` should works 1`] = `
             ;
           }
 
-        </style>"
+        </style></div>"
 `;
diff --git a/components/date-picker/__tests__/__snapshots__/range-picker-spec.test.tsx.snap b/components/date-picker/__tests__/__snapshots__/range-picker-spec.test.tsx.snap
index fd739a6fb..1320c7e7f 100644
--- a/components/date-picker/__tests__/__snapshots__/range-picker-spec.test.tsx.snap
+++ b/components/date-picker/__tests__/__snapshots__/range-picker-spec.test.tsx.snap
@@ -1398,7 +1398,7 @@ exports[`RangePicker Spec Props prop \`allowEmpty\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -1409,7 +1409,7 @@ exports[`RangePicker Spec Props prop \`allowEmpty\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -1420,7 +1420,7 @@ exports[`RangePicker Spec Props prop \`allowEmpty\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -1431,7 +1431,7 @@ exports[`RangePicker Spec Props prop \`allowEmpty\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -1442,7 +1442,7 @@ exports[`RangePicker Spec Props prop \`allowEmpty\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -1489,7 +1489,7 @@ exports[`RangePicker Spec Props prop \`allowEmpty\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -1536,7 +1536,7 @@ exports[`RangePicker Spec Props prop \`allowEmpty\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -1583,7 +1583,7 @@ exports[`RangePicker Spec Props prop \`allowEmpty\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -1630,7 +1630,7 @@ exports[`RangePicker Spec Props prop \`allowEmpty\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -1677,7 +1677,7 @@ exports[`RangePicker Spec Props prop \`allowEmpty\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -1724,7 +1724,7 @@ exports[`RangePicker Spec Props prop \`allowEmpty\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -1771,7 +1771,7 @@ exports[`RangePicker Spec Props prop \`allowEmpty\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -1818,7 +1818,7 @@ exports[`RangePicker Spec Props prop \`allowEmpty\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -1865,7 +1865,7 @@ exports[`RangePicker Spec Props prop \`allowEmpty\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -1912,7 +1912,7 @@ exports[`RangePicker Spec Props prop \`allowEmpty\` should works 1`] = `
             ;
           }
 
-        </style>"
+        </style></div>"
 `;
 
 exports[`RangePicker Spec Props prop \`defaultPickerValue\` should works 1`] = `
@@ -3227,7 +3227,7 @@ exports[`RangePicker Spec Props prop \`defaultPickerValue\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -3238,7 +3238,7 @@ exports[`RangePicker Spec Props prop \`defaultPickerValue\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -3249,7 +3249,7 @@ exports[`RangePicker Spec Props prop \`defaultPickerValue\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -3260,7 +3260,7 @@ exports[`RangePicker Spec Props prop \`defaultPickerValue\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -3271,7 +3271,7 @@ exports[`RangePicker Spec Props prop \`defaultPickerValue\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -3318,7 +3318,7 @@ exports[`RangePicker Spec Props prop \`defaultPickerValue\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -3365,7 +3365,7 @@ exports[`RangePicker Spec Props prop \`defaultPickerValue\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -3412,7 +3412,7 @@ exports[`RangePicker Spec Props prop \`defaultPickerValue\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -3459,7 +3459,7 @@ exports[`RangePicker Spec Props prop \`defaultPickerValue\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -3506,7 +3506,7 @@ exports[`RangePicker Spec Props prop \`defaultPickerValue\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -3553,7 +3553,7 @@ exports[`RangePicker Spec Props prop \`defaultPickerValue\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -3600,7 +3600,7 @@ exports[`RangePicker Spec Props prop \`defaultPickerValue\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -3647,7 +3647,7 @@ exports[`RangePicker Spec Props prop \`defaultPickerValue\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -3694,7 +3694,7 @@ exports[`RangePicker Spec Props prop \`defaultPickerValue\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -3741,7 +3741,7 @@ exports[`RangePicker Spec Props prop \`defaultPickerValue\` should works 1`] = `
             ;
           }
 
-        </style>"
+        </style></div>"
 `;
 
 exports[`RangePicker Spec Props prop \`defaultValue\` should works 1`] = `
@@ -5100,7 +5100,7 @@ exports[`RangePicker Spec Props prop \`defaultValue\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -5111,7 +5111,7 @@ exports[`RangePicker Spec Props prop \`defaultValue\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -5122,7 +5122,7 @@ exports[`RangePicker Spec Props prop \`defaultValue\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -5133,7 +5133,7 @@ exports[`RangePicker Spec Props prop \`defaultValue\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -5144,7 +5144,7 @@ exports[`RangePicker Spec Props prop \`defaultValue\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -5191,7 +5191,7 @@ exports[`RangePicker Spec Props prop \`defaultValue\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -5238,7 +5238,7 @@ exports[`RangePicker Spec Props prop \`defaultValue\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -5285,7 +5285,7 @@ exports[`RangePicker Spec Props prop \`defaultValue\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -5332,7 +5332,7 @@ exports[`RangePicker Spec Props prop \`defaultValue\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -5379,7 +5379,7 @@ exports[`RangePicker Spec Props prop \`defaultValue\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -5426,7 +5426,7 @@ exports[`RangePicker Spec Props prop \`defaultValue\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -5473,7 +5473,7 @@ exports[`RangePicker Spec Props prop \`defaultValue\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -5520,7 +5520,7 @@ exports[`RangePicker Spec Props prop \`defaultValue\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -5567,7 +5567,7 @@ exports[`RangePicker Spec Props prop \`defaultValue\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -5614,7 +5614,7 @@ exports[`RangePicker Spec Props prop \`defaultValue\` should works 1`] = `
             ;
           }
 
-        </style>"
+        </style></div>"
 `;
 
 exports[`RangePicker Spec Props prop \`disabled\` should works 1`] = `
@@ -6929,7 +6929,7 @@ exports[`RangePicker Spec Props prop \`disabled\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -6940,7 +6940,7 @@ exports[`RangePicker Spec Props prop \`disabled\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -6951,7 +6951,7 @@ exports[`RangePicker Spec Props prop \`disabled\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -6962,7 +6962,7 @@ exports[`RangePicker Spec Props prop \`disabled\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -6973,7 +6973,7 @@ exports[`RangePicker Spec Props prop \`disabled\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -7020,7 +7020,7 @@ exports[`RangePicker Spec Props prop \`disabled\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -7067,7 +7067,7 @@ exports[`RangePicker Spec Props prop \`disabled\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -7114,7 +7114,7 @@ exports[`RangePicker Spec Props prop \`disabled\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -7161,7 +7161,7 @@ exports[`RangePicker Spec Props prop \`disabled\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -7208,7 +7208,7 @@ exports[`RangePicker Spec Props prop \`disabled\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -7255,7 +7255,7 @@ exports[`RangePicker Spec Props prop \`disabled\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -7302,7 +7302,7 @@ exports[`RangePicker Spec Props prop \`disabled\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -7349,7 +7349,7 @@ exports[`RangePicker Spec Props prop \`disabled\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -7396,7 +7396,7 @@ exports[`RangePicker Spec Props prop \`disabled\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -7443,7 +7443,7 @@ exports[`RangePicker Spec Props prop \`disabled\` should works 1`] = `
             ;
           }
 
-        </style>"
+        </style></div>"
 `;
 
 exports[`RangePicker Spec Props prop \`format\` should works 1`] = `
@@ -8802,7 +8802,7 @@ exports[`RangePicker Spec Props prop \`format\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -8813,7 +8813,7 @@ exports[`RangePicker Spec Props prop \`format\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -8824,7 +8824,7 @@ exports[`RangePicker Spec Props prop \`format\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -8835,7 +8835,7 @@ exports[`RangePicker Spec Props prop \`format\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -8846,7 +8846,7 @@ exports[`RangePicker Spec Props prop \`format\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -8893,7 +8893,7 @@ exports[`RangePicker Spec Props prop \`format\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -8940,7 +8940,7 @@ exports[`RangePicker Spec Props prop \`format\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -8987,7 +8987,7 @@ exports[`RangePicker Spec Props prop \`format\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -9034,7 +9034,7 @@ exports[`RangePicker Spec Props prop \`format\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -9081,7 +9081,7 @@ exports[`RangePicker Spec Props prop \`format\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -9128,7 +9128,7 @@ exports[`RangePicker Spec Props prop \`format\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -9175,7 +9175,7 @@ exports[`RangePicker Spec Props prop \`format\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -9222,7 +9222,7 @@ exports[`RangePicker Spec Props prop \`format\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -9269,7 +9269,7 @@ exports[`RangePicker Spec Props prop \`format\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -9316,7 +9316,7 @@ exports[`RangePicker Spec Props prop \`format\` should works 1`] = `
             ;
           }
 
-        </style>"
+        </style></div>"
 `;
 
 exports[`RangePicker Spec Props prop \`ranges\` should works 1`] = `
@@ -10717,7 +10717,7 @@ exports[`RangePicker Spec Props prop \`ranges\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -10728,7 +10728,7 @@ exports[`RangePicker Spec Props prop \`ranges\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -10739,7 +10739,7 @@ exports[`RangePicker Spec Props prop \`ranges\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -10750,7 +10750,7 @@ exports[`RangePicker Spec Props prop \`ranges\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -10761,7 +10761,7 @@ exports[`RangePicker Spec Props prop \`ranges\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -10808,7 +10808,7 @@ exports[`RangePicker Spec Props prop \`ranges\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -10855,7 +10855,7 @@ exports[`RangePicker Spec Props prop \`ranges\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -10902,7 +10902,7 @@ exports[`RangePicker Spec Props prop \`ranges\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -10949,7 +10949,7 @@ exports[`RangePicker Spec Props prop \`ranges\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -10996,7 +10996,7 @@ exports[`RangePicker Spec Props prop \`ranges\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -11043,7 +11043,7 @@ exports[`RangePicker Spec Props prop \`ranges\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -11090,7 +11090,7 @@ exports[`RangePicker Spec Props prop \`ranges\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -11137,7 +11137,7 @@ exports[`RangePicker Spec Props prop \`ranges\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -11184,7 +11184,7 @@ exports[`RangePicker Spec Props prop \`ranges\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -11231,7 +11231,7 @@ exports[`RangePicker Spec Props prop \`ranges\` should works 1`] = `
             ;
           }
 
-        </style>"
+        </style></div>"
 `;
 
 exports[`RangePicker Spec Props prop \`renderExtraFooter\` should works 1`] = `
@@ -12546,7 +12546,7 @@ exports[`RangePicker Spec Props prop \`renderExtraFooter\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -12557,7 +12557,7 @@ exports[`RangePicker Spec Props prop \`renderExtraFooter\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -12568,7 +12568,7 @@ exports[`RangePicker Spec Props prop \`renderExtraFooter\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -12579,7 +12579,7 @@ exports[`RangePicker Spec Props prop \`renderExtraFooter\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -12590,7 +12590,7 @@ exports[`RangePicker Spec Props prop \`renderExtraFooter\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -12637,7 +12637,7 @@ exports[`RangePicker Spec Props prop \`renderExtraFooter\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -12684,7 +12684,7 @@ exports[`RangePicker Spec Props prop \`renderExtraFooter\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -12731,7 +12731,7 @@ exports[`RangePicker Spec Props prop \`renderExtraFooter\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -12778,7 +12778,7 @@ exports[`RangePicker Spec Props prop \`renderExtraFooter\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -12825,7 +12825,7 @@ exports[`RangePicker Spec Props prop \`renderExtraFooter\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -12872,7 +12872,7 @@ exports[`RangePicker Spec Props prop \`renderExtraFooter\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -12919,7 +12919,7 @@ exports[`RangePicker Spec Props prop \`renderExtraFooter\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -12966,7 +12966,7 @@ exports[`RangePicker Spec Props prop \`renderExtraFooter\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -13013,7 +13013,7 @@ exports[`RangePicker Spec Props prop \`renderExtraFooter\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -13060,7 +13060,7 @@ exports[`RangePicker Spec Props prop \`renderExtraFooter\` should works 1`] = `
             ;
           }
 
-        </style>"
+        </style></div>"
 `;
 
 exports[`RangePicker Spec Props prop \`separator\` should works 1`] = `
@@ -14375,7 +14375,7 @@ exports[`RangePicker Spec Props prop \`separator\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -14386,7 +14386,7 @@ exports[`RangePicker Spec Props prop \`separator\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -14397,7 +14397,7 @@ exports[`RangePicker Spec Props prop \`separator\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -14408,7 +14408,7 @@ exports[`RangePicker Spec Props prop \`separator\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -14419,7 +14419,7 @@ exports[`RangePicker Spec Props prop \`separator\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -14466,7 +14466,7 @@ exports[`RangePicker Spec Props prop \`separator\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -14513,7 +14513,7 @@ exports[`RangePicker Spec Props prop \`separator\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -14560,7 +14560,7 @@ exports[`RangePicker Spec Props prop \`separator\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -14607,7 +14607,7 @@ exports[`RangePicker Spec Props prop \`separator\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -14654,7 +14654,7 @@ exports[`RangePicker Spec Props prop \`separator\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -14701,7 +14701,7 @@ exports[`RangePicker Spec Props prop \`separator\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -14748,7 +14748,7 @@ exports[`RangePicker Spec Props prop \`separator\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -14795,7 +14795,7 @@ exports[`RangePicker Spec Props prop \`separator\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -14842,7 +14842,7 @@ exports[`RangePicker Spec Props prop \`separator\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -14889,7 +14889,7 @@ exports[`RangePicker Spec Props prop \`separator\` should works 1`] = `
             ;
           }
 
-        </style>"
+        </style></div>"
 `;
 
 exports[`RangePicker Spec Props prop \`showTime\` should works 1`] = `
@@ -16290,7 +16290,7 @@ exports[`RangePicker Spec Props prop \`showTime\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -16301,7 +16301,7 @@ exports[`RangePicker Spec Props prop \`showTime\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -16312,7 +16312,7 @@ exports[`RangePicker Spec Props prop \`showTime\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -16323,7 +16323,7 @@ exports[`RangePicker Spec Props prop \`showTime\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -16334,7 +16334,7 @@ exports[`RangePicker Spec Props prop \`showTime\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -16381,7 +16381,7 @@ exports[`RangePicker Spec Props prop \`showTime\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -16428,7 +16428,7 @@ exports[`RangePicker Spec Props prop \`showTime\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -16475,7 +16475,7 @@ exports[`RangePicker Spec Props prop \`showTime\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -16522,7 +16522,7 @@ exports[`RangePicker Spec Props prop \`showTime\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -16569,7 +16569,7 @@ exports[`RangePicker Spec Props prop \`showTime\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -16616,7 +16616,7 @@ exports[`RangePicker Spec Props prop \`showTime\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -16663,7 +16663,7 @@ exports[`RangePicker Spec Props prop \`showTime\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -16710,7 +16710,7 @@ exports[`RangePicker Spec Props prop \`showTime\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -16757,7 +16757,7 @@ exports[`RangePicker Spec Props prop \`showTime\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -16804,7 +16804,7 @@ exports[`RangePicker Spec Props prop \`showTime\` should works 1`] = `
             ;
           }
 
-        </style>"
+        </style></div>"
 `;
 
 exports[`RangePicker Spec Props prop \`value\` should works 1`] = `
@@ -18163,7 +18163,7 @@ exports[`RangePicker Spec Props prop \`value\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -18174,7 +18174,7 @@ exports[`RangePicker Spec Props prop \`value\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -18185,7 +18185,7 @@ exports[`RangePicker Spec Props prop \`value\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -18196,7 +18196,7 @@ exports[`RangePicker Spec Props prop \`value\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -18207,7 +18207,7 @@ exports[`RangePicker Spec Props prop \`value\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -18254,7 +18254,7 @@ exports[`RangePicker Spec Props prop \`value\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -18301,7 +18301,7 @@ exports[`RangePicker Spec Props prop \`value\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -18348,7 +18348,7 @@ exports[`RangePicker Spec Props prop \`value\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -18395,7 +18395,7 @@ exports[`RangePicker Spec Props prop \`value\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -18442,7 +18442,7 @@ exports[`RangePicker Spec Props prop \`value\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -18489,7 +18489,7 @@ exports[`RangePicker Spec Props prop \`value\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -18536,7 +18536,7 @@ exports[`RangePicker Spec Props prop \`value\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -18583,7 +18583,7 @@ exports[`RangePicker Spec Props prop \`value\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -18630,7 +18630,7 @@ exports[`RangePicker Spec Props prop \`value\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -18677,5 +18677,5 @@ exports[`RangePicker Spec Props prop \`value\` should works 1`] = `
             ;
           }
 
-        </style>"
+        </style></div>"
 `;
diff --git a/components/date-picker/__tests__/__snapshots__/range-picker.test.tsx.snap b/components/date-picker/__tests__/__snapshots__/range-picker.test.tsx.snap
index 463b8a518..dfed8cb60 100644
--- a/components/date-picker/__tests__/__snapshots__/range-picker.test.tsx.snap
+++ b/components/date-picker/__tests__/__snapshots__/range-picker.test.tsx.snap
@@ -1312,7 +1312,7 @@ exports[`RangePicker Common prop \`bordered\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -1323,7 +1323,7 @@ exports[`RangePicker Common prop \`bordered\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -1334,7 +1334,7 @@ exports[`RangePicker Common prop \`bordered\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -1345,7 +1345,7 @@ exports[`RangePicker Common prop \`bordered\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -1356,7 +1356,7 @@ exports[`RangePicker Common prop \`bordered\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -1403,7 +1403,7 @@ exports[`RangePicker Common prop \`bordered\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -1450,7 +1450,7 @@ exports[`RangePicker Common prop \`bordered\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -1497,7 +1497,7 @@ exports[`RangePicker Common prop \`bordered\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -1544,7 +1544,7 @@ exports[`RangePicker Common prop \`bordered\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -1591,7 +1591,7 @@ exports[`RangePicker Common prop \`bordered\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -1638,7 +1638,7 @@ exports[`RangePicker Common prop \`bordered\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -1685,7 +1685,7 @@ exports[`RangePicker Common prop \`bordered\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -1732,7 +1732,7 @@ exports[`RangePicker Common prop \`bordered\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -1779,7 +1779,7 @@ exports[`RangePicker Common prop \`bordered\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -1826,7 +1826,7 @@ exports[`RangePicker Common prop \`bordered\` should works 1`] = `
             ;
           }
 
-        </style>"
+        </style></div>"
 `;
 
 exports[`RangePicker Common prop \`className\` should works 1`] = `
@@ -3141,7 +3141,7 @@ exports[`RangePicker Common prop \`className\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -3152,7 +3152,7 @@ exports[`RangePicker Common prop \`className\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -3163,7 +3163,7 @@ exports[`RangePicker Common prop \`className\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -3174,7 +3174,7 @@ exports[`RangePicker Common prop \`className\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -3185,7 +3185,7 @@ exports[`RangePicker Common prop \`className\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -3232,7 +3232,7 @@ exports[`RangePicker Common prop \`className\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -3279,7 +3279,7 @@ exports[`RangePicker Common prop \`className\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -3326,7 +3326,7 @@ exports[`RangePicker Common prop \`className\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -3373,7 +3373,7 @@ exports[`RangePicker Common prop \`className\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -3420,7 +3420,7 @@ exports[`RangePicker Common prop \`className\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -3467,7 +3467,7 @@ exports[`RangePicker Common prop \`className\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -3514,7 +3514,7 @@ exports[`RangePicker Common prop \`className\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -3561,7 +3561,7 @@ exports[`RangePicker Common prop \`className\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -3608,7 +3608,7 @@ exports[`RangePicker Common prop \`className\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -3655,7 +3655,7 @@ exports[`RangePicker Common prop \`className\` should works 1`] = `
             ;
           }
 
-        </style>"
+        </style></div>"
 `;
 
 exports[`RangePicker Common prop \`dateRender\` should works 1`] = `
@@ -4970,7 +4970,7 @@ exports[`RangePicker Common prop \`dateRender\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -4981,7 +4981,7 @@ exports[`RangePicker Common prop \`dateRender\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -4992,7 +4992,7 @@ exports[`RangePicker Common prop \`dateRender\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -5003,7 +5003,7 @@ exports[`RangePicker Common prop \`dateRender\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -5014,7 +5014,7 @@ exports[`RangePicker Common prop \`dateRender\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -5061,7 +5061,7 @@ exports[`RangePicker Common prop \`dateRender\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -5108,7 +5108,7 @@ exports[`RangePicker Common prop \`dateRender\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -5155,7 +5155,7 @@ exports[`RangePicker Common prop \`dateRender\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -5202,7 +5202,7 @@ exports[`RangePicker Common prop \`dateRender\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -5249,7 +5249,7 @@ exports[`RangePicker Common prop \`dateRender\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -5296,7 +5296,7 @@ exports[`RangePicker Common prop \`dateRender\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -5343,7 +5343,7 @@ exports[`RangePicker Common prop \`dateRender\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -5390,7 +5390,7 @@ exports[`RangePicker Common prop \`dateRender\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -5437,7 +5437,7 @@ exports[`RangePicker Common prop \`dateRender\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -5484,7 +5484,7 @@ exports[`RangePicker Common prop \`dateRender\` should works 1`] = `
             ;
           }
 
-        </style>"
+        </style></div>"
 `;
 
 exports[`RangePicker Common prop \`disabledDate\` should works 1`] = `
@@ -6799,7 +6799,7 @@ exports[`RangePicker Common prop \`disabledDate\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -6810,7 +6810,7 @@ exports[`RangePicker Common prop \`disabledDate\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -6821,7 +6821,7 @@ exports[`RangePicker Common prop \`disabledDate\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -6832,7 +6832,7 @@ exports[`RangePicker Common prop \`disabledDate\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -6843,7 +6843,7 @@ exports[`RangePicker Common prop \`disabledDate\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -6890,7 +6890,7 @@ exports[`RangePicker Common prop \`disabledDate\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -6937,7 +6937,7 @@ exports[`RangePicker Common prop \`disabledDate\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -6984,7 +6984,7 @@ exports[`RangePicker Common prop \`disabledDate\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -7031,7 +7031,7 @@ exports[`RangePicker Common prop \`disabledDate\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -7078,7 +7078,7 @@ exports[`RangePicker Common prop \`disabledDate\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -7125,7 +7125,7 @@ exports[`RangePicker Common prop \`disabledDate\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -7172,7 +7172,7 @@ exports[`RangePicker Common prop \`disabledDate\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -7219,7 +7219,7 @@ exports[`RangePicker Common prop \`disabledDate\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -7266,7 +7266,7 @@ exports[`RangePicker Common prop \`disabledDate\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -7313,7 +7313,7 @@ exports[`RangePicker Common prop \`disabledDate\` should works 1`] = `
             ;
           }
 
-        </style>"
+        </style></div>"
 `;
 
 exports[`RangePicker Common prop \`dropdownClassName\` should works 1`] = `
@@ -8628,7 +8628,7 @@ exports[`RangePicker Common prop \`dropdownClassName\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -8639,7 +8639,7 @@ exports[`RangePicker Common prop \`dropdownClassName\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -8650,7 +8650,7 @@ exports[`RangePicker Common prop \`dropdownClassName\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -8661,7 +8661,7 @@ exports[`RangePicker Common prop \`dropdownClassName\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -8672,7 +8672,7 @@ exports[`RangePicker Common prop \`dropdownClassName\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -8719,7 +8719,7 @@ exports[`RangePicker Common prop \`dropdownClassName\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -8766,7 +8766,7 @@ exports[`RangePicker Common prop \`dropdownClassName\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -8813,7 +8813,7 @@ exports[`RangePicker Common prop \`dropdownClassName\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -8860,7 +8860,7 @@ exports[`RangePicker Common prop \`dropdownClassName\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -8907,7 +8907,7 @@ exports[`RangePicker Common prop \`dropdownClassName\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -8954,7 +8954,7 @@ exports[`RangePicker Common prop \`dropdownClassName\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -9001,7 +9001,7 @@ exports[`RangePicker Common prop \`dropdownClassName\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -9048,7 +9048,7 @@ exports[`RangePicker Common prop \`dropdownClassName\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -9095,7 +9095,7 @@ exports[`RangePicker Common prop \`dropdownClassName\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -9142,7 +9142,7 @@ exports[`RangePicker Common prop \`dropdownClassName\` should works 1`] = `
             ;
           }
 
-        </style>"
+        </style></div>"
 `;
 
 exports[`RangePicker Common prop \`getPopupContainer\` should works 1`] = `
@@ -10457,7 +10457,7 @@ exports[`RangePicker Common prop \`getPopupContainer\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -10468,7 +10468,7 @@ exports[`RangePicker Common prop \`getPopupContainer\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -10479,7 +10479,7 @@ exports[`RangePicker Common prop \`getPopupContainer\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -10490,7 +10490,7 @@ exports[`RangePicker Common prop \`getPopupContainer\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -10501,7 +10501,7 @@ exports[`RangePicker Common prop \`getPopupContainer\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -10548,7 +10548,7 @@ exports[`RangePicker Common prop \`getPopupContainer\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -10595,7 +10595,7 @@ exports[`RangePicker Common prop \`getPopupContainer\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -10642,7 +10642,7 @@ exports[`RangePicker Common prop \`getPopupContainer\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -10689,7 +10689,7 @@ exports[`RangePicker Common prop \`getPopupContainer\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -10736,7 +10736,7 @@ exports[`RangePicker Common prop \`getPopupContainer\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -10783,7 +10783,7 @@ exports[`RangePicker Common prop \`getPopupContainer\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -10830,7 +10830,7 @@ exports[`RangePicker Common prop \`getPopupContainer\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -10877,7 +10877,7 @@ exports[`RangePicker Common prop \`getPopupContainer\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -10924,7 +10924,7 @@ exports[`RangePicker Common prop \`getPopupContainer\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -10971,7 +10971,7 @@ exports[`RangePicker Common prop \`getPopupContainer\` should works 1`] = `
             ;
           }
 
-        </style>"
+        </style></div>"
 `;
 
 exports[`RangePicker Common prop \`locale\` should works 1`] = `
@@ -12286,7 +12286,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -12297,7 +12297,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -12308,7 +12308,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -12319,7 +12319,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -12330,7 +12330,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -12377,7 +12377,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -12424,7 +12424,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -12471,7 +12471,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -12518,7 +12518,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -12565,7 +12565,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -12612,7 +12612,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -12659,7 +12659,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -12706,7 +12706,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -12753,7 +12753,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -12800,7 +12800,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><div class=\\"cfx-picker cfx-picker-range cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input cfx-picker-input-active\\"><input readonly=\\"\\" placeholder=\\"开始年份\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-range-separator\\"><span aria-label=\\"to\\" class=\\"cfx-picker-separator\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><path d=\\"M5 12h14\\"></path></svg></span></div><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"结束年份\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-active-bar\\" style=\\"left: 0px; width: 0px; position: absolute;\\"></div><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
+        </style></div><div class=\\"cfx-picker cfx-picker-range cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input cfx-picker-input-active\\"><input readonly=\\"\\" placeholder=\\"开始年份\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-range-separator\\"><span aria-label=\\"to\\" class=\\"cfx-picker-separator\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><path d=\\"M5 12h14\\"></path></svg></span></div><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"结束年份\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-active-bar\\" style=\\"left: 0px; width: 0px; position: absolute;\\"></div><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
         .input-icon {
           box-sizing: content-box;
           display: flex;
@@ -14111,7 +14111,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -14122,7 +14122,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -14133,7 +14133,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -14144,7 +14144,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -14155,7 +14155,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -14202,7 +14202,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -14249,7 +14249,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -14296,7 +14296,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -14343,7 +14343,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -14390,7 +14390,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -14437,7 +14437,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -14484,7 +14484,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -14531,7 +14531,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -14578,7 +14578,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -14625,7 +14625,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><div class=\\"cfx-picker cfx-picker-range cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input cfx-picker-input-active\\"><input readonly=\\"\\" placeholder=\\"开始日期\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-range-separator\\"><span aria-label=\\"to\\" class=\\"cfx-picker-separator\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><path d=\\"M5 12h14\\"></path></svg></span></div><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"结束日期\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-active-bar\\" style=\\"left: 0px; width: 0px; position: absolute;\\"></div><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
+        </style></div><div class=\\"cfx-picker cfx-picker-range cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input cfx-picker-input-active\\"><input readonly=\\"\\" placeholder=\\"开始日期\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-range-separator\\"><span aria-label=\\"to\\" class=\\"cfx-picker-separator\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><path d=\\"M5 12h14\\"></path></svg></span></div><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"结束日期\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-active-bar\\" style=\\"left: 0px; width: 0px; position: absolute;\\"></div><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
         .input-icon {
           box-sizing: content-box;
           display: flex;
@@ -15936,7 +15936,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -15947,7 +15947,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -15958,7 +15958,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -15969,7 +15969,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -15980,7 +15980,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -16027,7 +16027,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -16074,7 +16074,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -16121,7 +16121,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -16168,7 +16168,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -16215,7 +16215,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -16262,7 +16262,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -16309,7 +16309,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -16356,7 +16356,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -16403,7 +16403,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -16450,7 +16450,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><div class=\\"cfx-picker cfx-picker-range cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input cfx-picker-input-active\\"><input readonly=\\"\\" placeholder=\\"开始月份\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-range-separator\\"><span aria-label=\\"to\\" class=\\"cfx-picker-separator\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><path d=\\"M5 12h14\\"></path></svg></span></div><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"结束月份\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-active-bar\\" style=\\"left: 0px; width: 0px; position: absolute;\\"></div><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
+        </style></div><div class=\\"cfx-picker cfx-picker-range cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input cfx-picker-input-active\\"><input readonly=\\"\\" placeholder=\\"开始月份\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-range-separator\\"><span aria-label=\\"to\\" class=\\"cfx-picker-separator\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><path d=\\"M5 12h14\\"></path></svg></span></div><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"结束月份\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-active-bar\\" style=\\"left: 0px; width: 0px; position: absolute;\\"></div><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
         .input-icon {
           box-sizing: content-box;
           display: flex;
@@ -17761,7 +17761,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -17772,7 +17772,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -17783,7 +17783,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -17794,7 +17794,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -17805,7 +17805,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -17852,7 +17852,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -17899,7 +17899,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -17946,7 +17946,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -17993,7 +17993,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -18040,7 +18040,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -18087,7 +18087,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -18134,7 +18134,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -18181,7 +18181,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -18228,7 +18228,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -18275,7 +18275,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><div class=\\"cfx-picker cfx-picker-range cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input cfx-picker-input-active\\"><input readonly=\\"\\" placeholder=\\"开始周\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-range-separator\\"><span aria-label=\\"to\\" class=\\"cfx-picker-separator\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><path d=\\"M5 12h14\\"></path></svg></span></div><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"结束周\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-active-bar\\" style=\\"left: 0px; width: 0px; position: absolute;\\"></div><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
+        </style></div><div class=\\"cfx-picker cfx-picker-range cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input cfx-picker-input-active\\"><input readonly=\\"\\" placeholder=\\"开始周\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-range-separator\\"><span aria-label=\\"to\\" class=\\"cfx-picker-separator\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><path d=\\"M5 12h14\\"></path></svg></span></div><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"结束周\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-active-bar\\" style=\\"left: 0px; width: 0px; position: absolute;\\"></div><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
         .input-icon {
           box-sizing: content-box;
           display: flex;
@@ -19586,7 +19586,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -19597,7 +19597,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -19608,7 +19608,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -19619,7 +19619,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -19630,7 +19630,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -19677,7 +19677,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -19724,7 +19724,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -19771,7 +19771,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -19818,7 +19818,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -19865,7 +19865,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -19912,7 +19912,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -19959,7 +19959,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -20006,7 +20006,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -20053,7 +20053,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -20100,7 +20100,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><div class=\\"cfx-picker cfx-picker-range cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input cfx-picker-input-active\\"><input readonly=\\"\\" placeholder=\\"开始时间\\" size=\\"10\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-range-separator\\"><span aria-label=\\"to\\" class=\\"cfx-picker-separator\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><path d=\\"M5 12h14\\"></path></svg></span></div><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"结束时间\\" size=\\"10\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-active-bar\\" style=\\"left: 0px; width: 0px; position: absolute;\\"></div><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><circle cx=\\"12\\" cy=\\"12\\" r=\\"10\\"></circle><path d=\\"M12 6v6l4 2\\"></path></svg><style>
+        </style></div><div class=\\"cfx-picker cfx-picker-range cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input cfx-picker-input-active\\"><input readonly=\\"\\" placeholder=\\"开始时间\\" size=\\"10\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-range-separator\\"><span aria-label=\\"to\\" class=\\"cfx-picker-separator\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><path d=\\"M5 12h14\\"></path></svg></span></div><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"结束时间\\" size=\\"10\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-active-bar\\" style=\\"left: 0px; width: 0px; position: absolute;\\"></div><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><circle cx=\\"12\\" cy=\\"12\\" r=\\"10\\"></circle><path d=\\"M12 6v6l4 2\\"></path></svg><style>
         .input-icon {
           box-sizing: content-box;
           display: flex;
@@ -21411,7 +21411,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -21422,7 +21422,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -21433,7 +21433,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -21444,7 +21444,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -21455,7 +21455,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -21502,7 +21502,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -21549,7 +21549,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -21596,7 +21596,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -21643,7 +21643,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -21690,7 +21690,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -21737,7 +21737,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -21784,7 +21784,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -21831,7 +21831,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -21878,7 +21878,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -21925,7 +21925,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><div class=\\"cfx-picker cfx-picker-range cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input cfx-picker-input-active\\"><input readonly=\\"\\" placeholder=\\"Start date\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-range-separator\\"><span aria-label=\\"to\\" class=\\"cfx-picker-separator\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><path d=\\"M5 12h14\\"></path></svg></span></div><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"End date\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-active-bar\\" style=\\"left: 0px; width: 0px; position: absolute;\\"></div><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
+        </style></div><div class=\\"cfx-picker cfx-picker-range cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input cfx-picker-input-active\\"><input readonly=\\"\\" placeholder=\\"Start date\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-range-separator\\"><span aria-label=\\"to\\" class=\\"cfx-picker-separator\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><path d=\\"M5 12h14\\"></path></svg></span></div><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"End date\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-active-bar\\" style=\\"left: 0px; width: 0px; position: absolute;\\"></div><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
         .input-icon {
           box-sizing: content-box;
           display: flex;
@@ -23236,7 +23236,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -23247,7 +23247,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -23258,7 +23258,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -23269,7 +23269,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -23280,7 +23280,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -23327,7 +23327,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -23374,7 +23374,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -23421,7 +23421,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -23468,7 +23468,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -23515,7 +23515,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -23562,7 +23562,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -23609,7 +23609,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -23656,7 +23656,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -23703,7 +23703,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -23750,7 +23750,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><div class=\\"cfx-picker cfx-picker-range cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input cfx-picker-input-active\\"><input readonly=\\"\\" placeholder=\\"Start year\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-range-separator\\"><span aria-label=\\"to\\" class=\\"cfx-picker-separator\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><path d=\\"M5 12h14\\"></path></svg></span></div><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"End year\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-active-bar\\" style=\\"left: 0px; width: 0px; position: absolute;\\"></div><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
+        </style></div><div class=\\"cfx-picker cfx-picker-range cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input cfx-picker-input-active\\"><input readonly=\\"\\" placeholder=\\"Start year\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-range-separator\\"><span aria-label=\\"to\\" class=\\"cfx-picker-separator\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><path d=\\"M5 12h14\\"></path></svg></span></div><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"End year\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-active-bar\\" style=\\"left: 0px; width: 0px; position: absolute;\\"></div><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
         .input-icon {
           box-sizing: content-box;
           display: flex;
@@ -25061,7 +25061,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -25072,7 +25072,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -25083,7 +25083,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -25094,7 +25094,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -25105,7 +25105,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -25152,7 +25152,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -25199,7 +25199,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -25246,7 +25246,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -25293,7 +25293,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -25340,7 +25340,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -25387,7 +25387,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -25434,7 +25434,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -25481,7 +25481,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -25528,7 +25528,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -25575,7 +25575,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><div class=\\"cfx-picker cfx-picker-range cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input cfx-picker-input-active\\"><input readonly=\\"\\" placeholder=\\"Start date\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-range-separator\\"><span aria-label=\\"to\\" class=\\"cfx-picker-separator\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><path d=\\"M5 12h14\\"></path></svg></span></div><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"End date\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-active-bar\\" style=\\"left: 0px; width: 0px; position: absolute;\\"></div><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
+        </style></div><div class=\\"cfx-picker cfx-picker-range cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input cfx-picker-input-active\\"><input readonly=\\"\\" placeholder=\\"Start date\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-range-separator\\"><span aria-label=\\"to\\" class=\\"cfx-picker-separator\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><path d=\\"M5 12h14\\"></path></svg></span></div><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"End date\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-active-bar\\" style=\\"left: 0px; width: 0px; position: absolute;\\"></div><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
         .input-icon {
           box-sizing: content-box;
           display: flex;
@@ -26886,7 +26886,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -26897,7 +26897,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -26908,7 +26908,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -26919,7 +26919,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -26930,7 +26930,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -26977,7 +26977,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -27024,7 +27024,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -27071,7 +27071,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -27118,7 +27118,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -27165,7 +27165,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -27212,7 +27212,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -27259,7 +27259,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -27306,7 +27306,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -27353,7 +27353,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -27400,7 +27400,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><div class=\\"cfx-picker cfx-picker-range cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input cfx-picker-input-active\\"><input readonly=\\"\\" placeholder=\\"Start month\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-range-separator\\"><span aria-label=\\"to\\" class=\\"cfx-picker-separator\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><path d=\\"M5 12h14\\"></path></svg></span></div><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"End month\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-active-bar\\" style=\\"left: 0px; width: 0px; position: absolute;\\"></div><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
+        </style></div><div class=\\"cfx-picker cfx-picker-range cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input cfx-picker-input-active\\"><input readonly=\\"\\" placeholder=\\"Start month\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-range-separator\\"><span aria-label=\\"to\\" class=\\"cfx-picker-separator\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><path d=\\"M5 12h14\\"></path></svg></span></div><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"End month\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-active-bar\\" style=\\"left: 0px; width: 0px; position: absolute;\\"></div><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
         .input-icon {
           box-sizing: content-box;
           display: flex;
@@ -28711,7 +28711,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -28722,7 +28722,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -28733,7 +28733,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -28744,7 +28744,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -28755,7 +28755,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -28802,7 +28802,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -28849,7 +28849,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -28896,7 +28896,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -28943,7 +28943,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -28990,7 +28990,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -29037,7 +29037,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -29084,7 +29084,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -29131,7 +29131,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -29178,7 +29178,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -29225,7 +29225,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><div class=\\"cfx-picker cfx-picker-range cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input cfx-picker-input-active\\"><input readonly=\\"\\" placeholder=\\"Start week\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-range-separator\\"><span aria-label=\\"to\\" class=\\"cfx-picker-separator\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><path d=\\"M5 12h14\\"></path></svg></span></div><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"End week\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-active-bar\\" style=\\"left: 0px; width: 0px; position: absolute;\\"></div><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
+        </style></div><div class=\\"cfx-picker cfx-picker-range cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input cfx-picker-input-active\\"><input readonly=\\"\\" placeholder=\\"Start week\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-range-separator\\"><span aria-label=\\"to\\" class=\\"cfx-picker-separator\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><path d=\\"M5 12h14\\"></path></svg></span></div><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"End week\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-active-bar\\" style=\\"left: 0px; width: 0px; position: absolute;\\"></div><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
         .input-icon {
           box-sizing: content-box;
           display: flex;
@@ -30536,7 +30536,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -30547,7 +30547,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -30558,7 +30558,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -30569,7 +30569,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -30580,7 +30580,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -30627,7 +30627,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -30674,7 +30674,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -30721,7 +30721,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -30768,7 +30768,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -30815,7 +30815,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -30862,7 +30862,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -30909,7 +30909,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -30956,7 +30956,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -31003,7 +31003,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -31050,7 +31050,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><div class=\\"cfx-picker cfx-picker-range cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input cfx-picker-input-active\\"><input readonly=\\"\\" placeholder=\\"Start time\\" size=\\"10\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-range-separator\\"><span aria-label=\\"to\\" class=\\"cfx-picker-separator\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><path d=\\"M5 12h14\\"></path></svg></span></div><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"End time\\" size=\\"10\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-active-bar\\" style=\\"left: 0px; width: 0px; position: absolute;\\"></div><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><circle cx=\\"12\\" cy=\\"12\\" r=\\"10\\"></circle><path d=\\"M12 6v6l4 2\\"></path></svg><style>
+        </style></div><div class=\\"cfx-picker cfx-picker-range cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input cfx-picker-input-active\\"><input readonly=\\"\\" placeholder=\\"Start time\\" size=\\"10\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-range-separator\\"><span aria-label=\\"to\\" class=\\"cfx-picker-separator\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><path d=\\"M5 12h14\\"></path></svg></span></div><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"End time\\" size=\\"10\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-active-bar\\" style=\\"left: 0px; width: 0px; position: absolute;\\"></div><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><circle cx=\\"12\\" cy=\\"12\\" r=\\"10\\"></circle><path d=\\"M12 6v6l4 2\\"></path></svg><style>
         .input-icon {
           box-sizing: content-box;
           display: flex;
@@ -32361,7 +32361,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -32372,7 +32372,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -32383,7 +32383,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -32394,7 +32394,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -32405,7 +32405,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -32452,7 +32452,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -32499,7 +32499,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -32546,7 +32546,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -32593,7 +32593,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -32640,7 +32640,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -32687,7 +32687,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -32734,7 +32734,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -32781,7 +32781,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -32828,7 +32828,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -32875,7 +32875,7 @@ exports[`RangePicker Common prop \`locale\` should works 1`] = `
             ;
           }
 
-        </style></div>"
+        </style></div></div>"
 `;
 
 exports[`RangePicker Common prop \`locale\` should works with compatibility 1`] = `
@@ -34190,7 +34190,7 @@ exports[`RangePicker Common prop \`locale\` should works with compatibility 1`]
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -34201,7 +34201,7 @@ exports[`RangePicker Common prop \`locale\` should works with compatibility 1`]
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -34212,7 +34212,7 @@ exports[`RangePicker Common prop \`locale\` should works with compatibility 1`]
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -34223,7 +34223,7 @@ exports[`RangePicker Common prop \`locale\` should works with compatibility 1`]
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -34234,7 +34234,7 @@ exports[`RangePicker Common prop \`locale\` should works with compatibility 1`]
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -34281,7 +34281,7 @@ exports[`RangePicker Common prop \`locale\` should works with compatibility 1`]
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -34328,7 +34328,7 @@ exports[`RangePicker Common prop \`locale\` should works with compatibility 1`]
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -34375,7 +34375,7 @@ exports[`RangePicker Common prop \`locale\` should works with compatibility 1`]
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -34422,7 +34422,7 @@ exports[`RangePicker Common prop \`locale\` should works with compatibility 1`]
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -34469,7 +34469,7 @@ exports[`RangePicker Common prop \`locale\` should works with compatibility 1`]
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -34516,7 +34516,7 @@ exports[`RangePicker Common prop \`locale\` should works with compatibility 1`]
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -34563,7 +34563,7 @@ exports[`RangePicker Common prop \`locale\` should works with compatibility 1`]
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -34610,7 +34610,7 @@ exports[`RangePicker Common prop \`locale\` should works with compatibility 1`]
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -34657,7 +34657,7 @@ exports[`RangePicker Common prop \`locale\` should works with compatibility 1`]
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -34704,7 +34704,7 @@ exports[`RangePicker Common prop \`locale\` should works with compatibility 1`]
             ;
           }
 
-        </style><div class=\\"cfx-picker cfx-picker-range cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input cfx-picker-input-active\\"><input readonly=\\"\\" placeholder=\\"开始日期\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-range-separator\\"><span aria-label=\\"to\\" class=\\"cfx-picker-separator\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><path d=\\"M5 12h14\\"></path></svg></span></div><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"结束日期\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-active-bar\\" style=\\"left: 0px; width: 0px; position: absolute;\\"></div><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
+        </style></div><div class=\\"cfx-picker cfx-picker-range cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input cfx-picker-input-active\\"><input readonly=\\"\\" placeholder=\\"开始日期\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-range-separator\\"><span aria-label=\\"to\\" class=\\"cfx-picker-separator\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><path d=\\"M5 12h14\\"></path></svg></span></div><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"结束日期\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-active-bar\\" style=\\"left: 0px; width: 0px; position: absolute;\\"></div><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
         .input-icon {
           box-sizing: content-box;
           display: flex;
@@ -36015,7 +36015,7 @@ exports[`RangePicker Common prop \`locale\` should works with compatibility 1`]
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -36026,7 +36026,7 @@ exports[`RangePicker Common prop \`locale\` should works with compatibility 1`]
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -36037,7 +36037,7 @@ exports[`RangePicker Common prop \`locale\` should works with compatibility 1`]
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -36048,7 +36048,7 @@ exports[`RangePicker Common prop \`locale\` should works with compatibility 1`]
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -36059,7 +36059,7 @@ exports[`RangePicker Common prop \`locale\` should works with compatibility 1`]
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -36106,7 +36106,7 @@ exports[`RangePicker Common prop \`locale\` should works with compatibility 1`]
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -36153,7 +36153,7 @@ exports[`RangePicker Common prop \`locale\` should works with compatibility 1`]
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -36200,7 +36200,7 @@ exports[`RangePicker Common prop \`locale\` should works with compatibility 1`]
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -36247,7 +36247,7 @@ exports[`RangePicker Common prop \`locale\` should works with compatibility 1`]
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -36294,7 +36294,7 @@ exports[`RangePicker Common prop \`locale\` should works with compatibility 1`]
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -36341,7 +36341,7 @@ exports[`RangePicker Common prop \`locale\` should works with compatibility 1`]
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -36388,7 +36388,7 @@ exports[`RangePicker Common prop \`locale\` should works with compatibility 1`]
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -36435,7 +36435,7 @@ exports[`RangePicker Common prop \`locale\` should works with compatibility 1`]
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -36482,7 +36482,7 @@ exports[`RangePicker Common prop \`locale\` should works with compatibility 1`]
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -36529,7 +36529,7 @@ exports[`RangePicker Common prop \`locale\` should works with compatibility 1`]
             ;
           }
 
-        </style><div class=\\"cfx-picker cfx-picker-range cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input cfx-picker-input-active\\"><input readonly=\\"\\" placeholder=\\"Start date\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-range-separator\\"><span aria-label=\\"to\\" class=\\"cfx-picker-separator\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><path d=\\"M5 12h14\\"></path></svg></span></div><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"End date\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-active-bar\\" style=\\"left: 0px; width: 0px; position: absolute;\\"></div><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
+        </style></div><div class=\\"cfx-picker cfx-picker-range cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input cfx-picker-input-active\\"><input readonly=\\"\\" placeholder=\\"Start date\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-range-separator\\"><span aria-label=\\"to\\" class=\\"cfx-picker-separator\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><path d=\\"M5 12h14\\"></path></svg></span></div><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"End date\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-active-bar\\" style=\\"left: 0px; width: 0px; position: absolute;\\"></div><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
         .input-icon {
           box-sizing: content-box;
           display: flex;
@@ -37840,7 +37840,7 @@ exports[`RangePicker Common prop \`locale\` should works with compatibility 1`]
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -37851,7 +37851,7 @@ exports[`RangePicker Common prop \`locale\` should works with compatibility 1`]
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -37862,7 +37862,7 @@ exports[`RangePicker Common prop \`locale\` should works with compatibility 1`]
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -37873,7 +37873,7 @@ exports[`RangePicker Common prop \`locale\` should works with compatibility 1`]
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -37884,7 +37884,7 @@ exports[`RangePicker Common prop \`locale\` should works with compatibility 1`]
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -37931,7 +37931,7 @@ exports[`RangePicker Common prop \`locale\` should works with compatibility 1`]
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -37978,7 +37978,7 @@ exports[`RangePicker Common prop \`locale\` should works with compatibility 1`]
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -38025,7 +38025,7 @@ exports[`RangePicker Common prop \`locale\` should works with compatibility 1`]
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -38072,7 +38072,7 @@ exports[`RangePicker Common prop \`locale\` should works with compatibility 1`]
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -38119,7 +38119,7 @@ exports[`RangePicker Common prop \`locale\` should works with compatibility 1`]
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -38166,7 +38166,7 @@ exports[`RangePicker Common prop \`locale\` should works with compatibility 1`]
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -38213,7 +38213,7 @@ exports[`RangePicker Common prop \`locale\` should works with compatibility 1`]
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -38260,7 +38260,7 @@ exports[`RangePicker Common prop \`locale\` should works with compatibility 1`]
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -38307,7 +38307,7 @@ exports[`RangePicker Common prop \`locale\` should works with compatibility 1`]
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -38354,7 +38354,7 @@ exports[`RangePicker Common prop \`locale\` should works with compatibility 1`]
             ;
           }
 
-        </style><div class=\\"cfx-picker cfx-picker-range cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input cfx-picker-input-active\\"><input readonly=\\"\\" placeholder=\\"Start date\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-range-separator\\"><span aria-label=\\"to\\" class=\\"cfx-picker-separator\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><path d=\\"M5 12h14\\"></path></svg></span></div><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"End date\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-active-bar\\" style=\\"left: 0px; width: 0px; position: absolute;\\"></div><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
+        </style></div><div class=\\"cfx-picker cfx-picker-range cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input cfx-picker-input-active\\"><input readonly=\\"\\" placeholder=\\"Start date\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-range-separator\\"><span aria-label=\\"to\\" class=\\"cfx-picker-separator\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><path d=\\"M5 12h14\\"></path></svg></span></div><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"End date\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-active-bar\\" style=\\"left: 0px; width: 0px; position: absolute;\\"></div><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
         .input-icon {
           box-sizing: content-box;
           display: flex;
@@ -39665,7 +39665,7 @@ exports[`RangePicker Common prop \`locale\` should works with compatibility 1`]
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -39676,7 +39676,7 @@ exports[`RangePicker Common prop \`locale\` should works with compatibility 1`]
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -39687,7 +39687,7 @@ exports[`RangePicker Common prop \`locale\` should works with compatibility 1`]
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -39698,7 +39698,7 @@ exports[`RangePicker Common prop \`locale\` should works with compatibility 1`]
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -39709,7 +39709,7 @@ exports[`RangePicker Common prop \`locale\` should works with compatibility 1`]
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -39756,7 +39756,7 @@ exports[`RangePicker Common prop \`locale\` should works with compatibility 1`]
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -39803,7 +39803,7 @@ exports[`RangePicker Common prop \`locale\` should works with compatibility 1`]
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -39850,7 +39850,7 @@ exports[`RangePicker Common prop \`locale\` should works with compatibility 1`]
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -39897,7 +39897,7 @@ exports[`RangePicker Common prop \`locale\` should works with compatibility 1`]
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -39944,7 +39944,7 @@ exports[`RangePicker Common prop \`locale\` should works with compatibility 1`]
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -39991,7 +39991,7 @@ exports[`RangePicker Common prop \`locale\` should works with compatibility 1`]
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -40038,7 +40038,7 @@ exports[`RangePicker Common prop \`locale\` should works with compatibility 1`]
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -40085,7 +40085,7 @@ exports[`RangePicker Common prop \`locale\` should works with compatibility 1`]
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -40132,7 +40132,7 @@ exports[`RangePicker Common prop \`locale\` should works with compatibility 1`]
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -40179,7 +40179,7 @@ exports[`RangePicker Common prop \`locale\` should works with compatibility 1`]
             ;
           }
 
-        </style><div class=\\"cfx-picker cfx-picker-range cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input cfx-picker-input-active\\"><input readonly=\\"\\" placeholder=\\"Start date\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-range-separator\\"><span aria-label=\\"to\\" class=\\"cfx-picker-separator\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><path d=\\"M5 12h14\\"></path></svg></span></div><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"End date\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-active-bar\\" style=\\"left: 0px; width: 0px; position: absolute;\\"></div><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
+        </style></div><div class=\\"cfx-picker cfx-picker-range cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input cfx-picker-input-active\\"><input readonly=\\"\\" placeholder=\\"Start date\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-range-separator\\"><span aria-label=\\"to\\" class=\\"cfx-picker-separator\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><path d=\\"M5 12h14\\"></path></svg></span></div><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"End date\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-active-bar\\" style=\\"left: 0px; width: 0px; position: absolute;\\"></div><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
         .input-icon {
           box-sizing: content-box;
           display: flex;
@@ -41490,7 +41490,7 @@ exports[`RangePicker Common prop \`locale\` should works with compatibility 1`]
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -41501,7 +41501,7 @@ exports[`RangePicker Common prop \`locale\` should works with compatibility 1`]
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -41512,7 +41512,7 @@ exports[`RangePicker Common prop \`locale\` should works with compatibility 1`]
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -41523,7 +41523,7 @@ exports[`RangePicker Common prop \`locale\` should works with compatibility 1`]
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -41534,7 +41534,7 @@ exports[`RangePicker Common prop \`locale\` should works with compatibility 1`]
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -41581,7 +41581,7 @@ exports[`RangePicker Common prop \`locale\` should works with compatibility 1`]
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -41628,7 +41628,7 @@ exports[`RangePicker Common prop \`locale\` should works with compatibility 1`]
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -41675,7 +41675,7 @@ exports[`RangePicker Common prop \`locale\` should works with compatibility 1`]
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -41722,7 +41722,7 @@ exports[`RangePicker Common prop \`locale\` should works with compatibility 1`]
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -41769,7 +41769,7 @@ exports[`RangePicker Common prop \`locale\` should works with compatibility 1`]
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -41816,7 +41816,7 @@ exports[`RangePicker Common prop \`locale\` should works with compatibility 1`]
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -41863,7 +41863,7 @@ exports[`RangePicker Common prop \`locale\` should works with compatibility 1`]
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -41910,7 +41910,7 @@ exports[`RangePicker Common prop \`locale\` should works with compatibility 1`]
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -41957,7 +41957,7 @@ exports[`RangePicker Common prop \`locale\` should works with compatibility 1`]
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -42004,7 +42004,7 @@ exports[`RangePicker Common prop \`locale\` should works with compatibility 1`]
             ;
           }
 
-        </style></div>"
+        </style></div></div>"
 `;
 
 exports[`RangePicker Common prop \`mode\` should works 1`] = `
@@ -43319,7 +43319,7 @@ exports[`RangePicker Common prop \`mode\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -43330,7 +43330,7 @@ exports[`RangePicker Common prop \`mode\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -43341,7 +43341,7 @@ exports[`RangePicker Common prop \`mode\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -43352,7 +43352,7 @@ exports[`RangePicker Common prop \`mode\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -43363,7 +43363,7 @@ exports[`RangePicker Common prop \`mode\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -43410,7 +43410,7 @@ exports[`RangePicker Common prop \`mode\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -43457,7 +43457,7 @@ exports[`RangePicker Common prop \`mode\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -43504,7 +43504,7 @@ exports[`RangePicker Common prop \`mode\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -43551,7 +43551,7 @@ exports[`RangePicker Common prop \`mode\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -43598,7 +43598,7 @@ exports[`RangePicker Common prop \`mode\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -43645,7 +43645,7 @@ exports[`RangePicker Common prop \`mode\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -43692,7 +43692,7 @@ exports[`RangePicker Common prop \`mode\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -43739,7 +43739,7 @@ exports[`RangePicker Common prop \`mode\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -43786,7 +43786,7 @@ exports[`RangePicker Common prop \`mode\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -43833,7 +43833,7 @@ exports[`RangePicker Common prop \`mode\` should works 1`] = `
             ;
           }
 
-        </style><div class=\\"cfx-picker cfx-picker-range cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input cfx-picker-input-active\\"><input readonly=\\"\\" placeholder=\\"Start date\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-range-separator\\"><span aria-label=\\"to\\" class=\\"cfx-picker-separator\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><path d=\\"M5 12h14\\"></path></svg></span></div><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"End date\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-active-bar\\" style=\\"left: 0px; width: 0px; position: absolute;\\"></div><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
+        </style></div><div class=\\"cfx-picker cfx-picker-range cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input cfx-picker-input-active\\"><input readonly=\\"\\" placeholder=\\"Start date\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-range-separator\\"><span aria-label=\\"to\\" class=\\"cfx-picker-separator\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><path d=\\"M5 12h14\\"></path></svg></span></div><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"End date\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-active-bar\\" style=\\"left: 0px; width: 0px; position: absolute;\\"></div><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
         .input-icon {
           box-sizing: content-box;
           display: flex;
@@ -45144,7 +45144,7 @@ exports[`RangePicker Common prop \`mode\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -45155,7 +45155,7 @@ exports[`RangePicker Common prop \`mode\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -45166,7 +45166,7 @@ exports[`RangePicker Common prop \`mode\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -45177,7 +45177,7 @@ exports[`RangePicker Common prop \`mode\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -45188,7 +45188,7 @@ exports[`RangePicker Common prop \`mode\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -45235,7 +45235,7 @@ exports[`RangePicker Common prop \`mode\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -45282,7 +45282,7 @@ exports[`RangePicker Common prop \`mode\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -45329,7 +45329,7 @@ exports[`RangePicker Common prop \`mode\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -45376,7 +45376,7 @@ exports[`RangePicker Common prop \`mode\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -45423,7 +45423,7 @@ exports[`RangePicker Common prop \`mode\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -45470,7 +45470,7 @@ exports[`RangePicker Common prop \`mode\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -45517,7 +45517,7 @@ exports[`RangePicker Common prop \`mode\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -45564,7 +45564,7 @@ exports[`RangePicker Common prop \`mode\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -45611,7 +45611,7 @@ exports[`RangePicker Common prop \`mode\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -45658,7 +45658,7 @@ exports[`RangePicker Common prop \`mode\` should works 1`] = `
             ;
           }
 
-        </style><div class=\\"cfx-picker cfx-picker-range cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input cfx-picker-input-active\\"><input readonly=\\"\\" placeholder=\\"Start date\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-range-separator\\"><span aria-label=\\"to\\" class=\\"cfx-picker-separator\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><path d=\\"M5 12h14\\"></path></svg></span></div><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"End date\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-active-bar\\" style=\\"left: 0px; width: 0px; position: absolute;\\"></div><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
+        </style></div><div class=\\"cfx-picker cfx-picker-range cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input cfx-picker-input-active\\"><input readonly=\\"\\" placeholder=\\"Start date\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-range-separator\\"><span aria-label=\\"to\\" class=\\"cfx-picker-separator\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><path d=\\"M5 12h14\\"></path></svg></span></div><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"End date\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-active-bar\\" style=\\"left: 0px; width: 0px; position: absolute;\\"></div><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
         .input-icon {
           box-sizing: content-box;
           display: flex;
@@ -46969,7 +46969,7 @@ exports[`RangePicker Common prop \`mode\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -46980,7 +46980,7 @@ exports[`RangePicker Common prop \`mode\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -46991,7 +46991,7 @@ exports[`RangePicker Common prop \`mode\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -47002,7 +47002,7 @@ exports[`RangePicker Common prop \`mode\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -47013,7 +47013,7 @@ exports[`RangePicker Common prop \`mode\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -47060,7 +47060,7 @@ exports[`RangePicker Common prop \`mode\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -47107,7 +47107,7 @@ exports[`RangePicker Common prop \`mode\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -47154,7 +47154,7 @@ exports[`RangePicker Common prop \`mode\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -47201,7 +47201,7 @@ exports[`RangePicker Common prop \`mode\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -47248,7 +47248,7 @@ exports[`RangePicker Common prop \`mode\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -47295,7 +47295,7 @@ exports[`RangePicker Common prop \`mode\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -47342,7 +47342,7 @@ exports[`RangePicker Common prop \`mode\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -47389,7 +47389,7 @@ exports[`RangePicker Common prop \`mode\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -47436,7 +47436,7 @@ exports[`RangePicker Common prop \`mode\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -47483,7 +47483,7 @@ exports[`RangePicker Common prop \`mode\` should works 1`] = `
             ;
           }
 
-        </style><div class=\\"cfx-picker cfx-picker-range cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input cfx-picker-input-active\\"><input readonly=\\"\\" placeholder=\\"Start date\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-range-separator\\"><span aria-label=\\"to\\" class=\\"cfx-picker-separator\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><path d=\\"M5 12h14\\"></path></svg></span></div><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"End date\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-active-bar\\" style=\\"left: 0px; width: 0px; position: absolute;\\"></div><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
+        </style></div><div class=\\"cfx-picker cfx-picker-range cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input cfx-picker-input-active\\"><input readonly=\\"\\" placeholder=\\"Start date\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-range-separator\\"><span aria-label=\\"to\\" class=\\"cfx-picker-separator\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><path d=\\"M5 12h14\\"></path></svg></span></div><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"End date\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-active-bar\\" style=\\"left: 0px; width: 0px; position: absolute;\\"></div><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
         .input-icon {
           box-sizing: content-box;
           display: flex;
@@ -48794,7 +48794,7 @@ exports[`RangePicker Common prop \`mode\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -48805,7 +48805,7 @@ exports[`RangePicker Common prop \`mode\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -48816,7 +48816,7 @@ exports[`RangePicker Common prop \`mode\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -48827,7 +48827,7 @@ exports[`RangePicker Common prop \`mode\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -48838,7 +48838,7 @@ exports[`RangePicker Common prop \`mode\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -48885,7 +48885,7 @@ exports[`RangePicker Common prop \`mode\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -48932,7 +48932,7 @@ exports[`RangePicker Common prop \`mode\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -48979,7 +48979,7 @@ exports[`RangePicker Common prop \`mode\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -49026,7 +49026,7 @@ exports[`RangePicker Common prop \`mode\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -49073,7 +49073,7 @@ exports[`RangePicker Common prop \`mode\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -49120,7 +49120,7 @@ exports[`RangePicker Common prop \`mode\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -49167,7 +49167,7 @@ exports[`RangePicker Common prop \`mode\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -49214,7 +49214,7 @@ exports[`RangePicker Common prop \`mode\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -49261,7 +49261,7 @@ exports[`RangePicker Common prop \`mode\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -49308,7 +49308,7 @@ exports[`RangePicker Common prop \`mode\` should works 1`] = `
             ;
           }
 
-        </style><div class=\\"cfx-picker cfx-picker-range cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input cfx-picker-input-active\\"><input readonly=\\"\\" placeholder=\\"Start date\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-range-separator\\"><span aria-label=\\"to\\" class=\\"cfx-picker-separator\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><path d=\\"M5 12h14\\"></path></svg></span></div><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"End date\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-active-bar\\" style=\\"left: 0px; width: 0px; position: absolute;\\"></div><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
+        </style></div><div class=\\"cfx-picker cfx-picker-range cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input cfx-picker-input-active\\"><input readonly=\\"\\" placeholder=\\"Start date\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-range-separator\\"><span aria-label=\\"to\\" class=\\"cfx-picker-separator\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><path d=\\"M5 12h14\\"></path></svg></span></div><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"End date\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-active-bar\\" style=\\"left: 0px; width: 0px; position: absolute;\\"></div><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
         .input-icon {
           box-sizing: content-box;
           display: flex;
@@ -50619,7 +50619,7 @@ exports[`RangePicker Common prop \`mode\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -50630,7 +50630,7 @@ exports[`RangePicker Common prop \`mode\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -50641,7 +50641,7 @@ exports[`RangePicker Common prop \`mode\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -50652,7 +50652,7 @@ exports[`RangePicker Common prop \`mode\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -50663,7 +50663,7 @@ exports[`RangePicker Common prop \`mode\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -50710,7 +50710,7 @@ exports[`RangePicker Common prop \`mode\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -50757,7 +50757,7 @@ exports[`RangePicker Common prop \`mode\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -50804,7 +50804,7 @@ exports[`RangePicker Common prop \`mode\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -50851,7 +50851,7 @@ exports[`RangePicker Common prop \`mode\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -50898,7 +50898,7 @@ exports[`RangePicker Common prop \`mode\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -50945,7 +50945,7 @@ exports[`RangePicker Common prop \`mode\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -50992,7 +50992,7 @@ exports[`RangePicker Common prop \`mode\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -51039,7 +51039,7 @@ exports[`RangePicker Common prop \`mode\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -51086,7 +51086,7 @@ exports[`RangePicker Common prop \`mode\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -51133,7 +51133,7 @@ exports[`RangePicker Common prop \`mode\` should works 1`] = `
             ;
           }
 
-        </style><div class=\\"cfx-picker cfx-picker-range cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input cfx-picker-input-active\\"><input readonly=\\"\\" placeholder=\\"Start date\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-range-separator\\"><span aria-label=\\"to\\" class=\\"cfx-picker-separator\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><path d=\\"M5 12h14\\"></path></svg></span></div><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"End date\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-active-bar\\" style=\\"left: 0px; width: 0px; position: absolute;\\"></div><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
+        </style></div><div class=\\"cfx-picker cfx-picker-range cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input cfx-picker-input-active\\"><input readonly=\\"\\" placeholder=\\"Start date\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-range-separator\\"><span aria-label=\\"to\\" class=\\"cfx-picker-separator\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><path d=\\"M5 12h14\\"></path></svg></span></div><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"End date\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-active-bar\\" style=\\"left: 0px; width: 0px; position: absolute;\\"></div><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
         .input-icon {
           box-sizing: content-box;
           display: flex;
@@ -52444,7 +52444,7 @@ exports[`RangePicker Common prop \`mode\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -52455,7 +52455,7 @@ exports[`RangePicker Common prop \`mode\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -52466,7 +52466,7 @@ exports[`RangePicker Common prop \`mode\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -52477,7 +52477,7 @@ exports[`RangePicker Common prop \`mode\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -52488,7 +52488,7 @@ exports[`RangePicker Common prop \`mode\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -52535,7 +52535,7 @@ exports[`RangePicker Common prop \`mode\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -52582,7 +52582,7 @@ exports[`RangePicker Common prop \`mode\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -52629,7 +52629,7 @@ exports[`RangePicker Common prop \`mode\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -52676,7 +52676,7 @@ exports[`RangePicker Common prop \`mode\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -52723,7 +52723,7 @@ exports[`RangePicker Common prop \`mode\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -52770,7 +52770,7 @@ exports[`RangePicker Common prop \`mode\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -52817,7 +52817,7 @@ exports[`RangePicker Common prop \`mode\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -52864,7 +52864,7 @@ exports[`RangePicker Common prop \`mode\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -52911,7 +52911,7 @@ exports[`RangePicker Common prop \`mode\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -52958,7 +52958,7 @@ exports[`RangePicker Common prop \`mode\` should works 1`] = `
             ;
           }
 
-        </style></div>"
+        </style></div></div>"
 `;
 
 exports[`RangePicker Common prop \`panelRender\` should works 1`] = `
@@ -54273,7 +54273,7 @@ exports[`RangePicker Common prop \`panelRender\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -54284,7 +54284,7 @@ exports[`RangePicker Common prop \`panelRender\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -54295,7 +54295,7 @@ exports[`RangePicker Common prop \`panelRender\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -54306,7 +54306,7 @@ exports[`RangePicker Common prop \`panelRender\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -54317,7 +54317,7 @@ exports[`RangePicker Common prop \`panelRender\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -54364,7 +54364,7 @@ exports[`RangePicker Common prop \`panelRender\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -54411,7 +54411,7 @@ exports[`RangePicker Common prop \`panelRender\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -54458,7 +54458,7 @@ exports[`RangePicker Common prop \`panelRender\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -54505,7 +54505,7 @@ exports[`RangePicker Common prop \`panelRender\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -54552,7 +54552,7 @@ exports[`RangePicker Common prop \`panelRender\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -54599,7 +54599,7 @@ exports[`RangePicker Common prop \`panelRender\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -54646,7 +54646,7 @@ exports[`RangePicker Common prop \`panelRender\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -54693,7 +54693,7 @@ exports[`RangePicker Common prop \`panelRender\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -54740,7 +54740,7 @@ exports[`RangePicker Common prop \`panelRender\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -54787,7 +54787,7 @@ exports[`RangePicker Common prop \`panelRender\` should works 1`] = `
             ;
           }
 
-        </style>"
+        </style></div>"
 `;
 
 exports[`RangePicker Common prop \`picker\` should works 1`] = `
@@ -56102,7 +56102,7 @@ exports[`RangePicker Common prop \`picker\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -56113,7 +56113,7 @@ exports[`RangePicker Common prop \`picker\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -56124,7 +56124,7 @@ exports[`RangePicker Common prop \`picker\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -56135,7 +56135,7 @@ exports[`RangePicker Common prop \`picker\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -56146,7 +56146,7 @@ exports[`RangePicker Common prop \`picker\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -56193,7 +56193,7 @@ exports[`RangePicker Common prop \`picker\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -56240,7 +56240,7 @@ exports[`RangePicker Common prop \`picker\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -56287,7 +56287,7 @@ exports[`RangePicker Common prop \`picker\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -56334,7 +56334,7 @@ exports[`RangePicker Common prop \`picker\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -56381,7 +56381,7 @@ exports[`RangePicker Common prop \`picker\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -56428,7 +56428,7 @@ exports[`RangePicker Common prop \`picker\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -56475,7 +56475,7 @@ exports[`RangePicker Common prop \`picker\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -56522,7 +56522,7 @@ exports[`RangePicker Common prop \`picker\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -56569,7 +56569,7 @@ exports[`RangePicker Common prop \`picker\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -56616,7 +56616,7 @@ exports[`RangePicker Common prop \`picker\` should works 1`] = `
             ;
           }
 
-        </style><div class=\\"cfx-picker cfx-picker-range cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input cfx-picker-input-active\\"><input readonly=\\"\\" placeholder=\\"Start date\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-range-separator\\"><span aria-label=\\"to\\" class=\\"cfx-picker-separator\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><path d=\\"M5 12h14\\"></path></svg></span></div><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"End date\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-active-bar\\" style=\\"left: 0px; width: 0px; position: absolute;\\"></div><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
+        </style></div><div class=\\"cfx-picker cfx-picker-range cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input cfx-picker-input-active\\"><input readonly=\\"\\" placeholder=\\"Start date\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-range-separator\\"><span aria-label=\\"to\\" class=\\"cfx-picker-separator\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><path d=\\"M5 12h14\\"></path></svg></span></div><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"End date\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-active-bar\\" style=\\"left: 0px; width: 0px; position: absolute;\\"></div><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
         .input-icon {
           box-sizing: content-box;
           display: flex;
@@ -57927,7 +57927,7 @@ exports[`RangePicker Common prop \`picker\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -57938,7 +57938,7 @@ exports[`RangePicker Common prop \`picker\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -57949,7 +57949,7 @@ exports[`RangePicker Common prop \`picker\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -57960,7 +57960,7 @@ exports[`RangePicker Common prop \`picker\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -57971,7 +57971,7 @@ exports[`RangePicker Common prop \`picker\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -58018,7 +58018,7 @@ exports[`RangePicker Common prop \`picker\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -58065,7 +58065,7 @@ exports[`RangePicker Common prop \`picker\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -58112,7 +58112,7 @@ exports[`RangePicker Common prop \`picker\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -58159,7 +58159,7 @@ exports[`RangePicker Common prop \`picker\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -58206,7 +58206,7 @@ exports[`RangePicker Common prop \`picker\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -58253,7 +58253,7 @@ exports[`RangePicker Common prop \`picker\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -58300,7 +58300,7 @@ exports[`RangePicker Common prop \`picker\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -58347,7 +58347,7 @@ exports[`RangePicker Common prop \`picker\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -58394,7 +58394,7 @@ exports[`RangePicker Common prop \`picker\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -58441,7 +58441,7 @@ exports[`RangePicker Common prop \`picker\` should works 1`] = `
             ;
           }
 
-        </style><div class=\\"cfx-picker cfx-picker-range cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input cfx-picker-input-active\\"><input readonly=\\"\\" placeholder=\\"Start month\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-range-separator\\"><span aria-label=\\"to\\" class=\\"cfx-picker-separator\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><path d=\\"M5 12h14\\"></path></svg></span></div><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"End month\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-active-bar\\" style=\\"left: 0px; width: 0px; position: absolute;\\"></div><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
+        </style></div><div class=\\"cfx-picker cfx-picker-range cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input cfx-picker-input-active\\"><input readonly=\\"\\" placeholder=\\"Start month\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-range-separator\\"><span aria-label=\\"to\\" class=\\"cfx-picker-separator\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><path d=\\"M5 12h14\\"></path></svg></span></div><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"End month\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-active-bar\\" style=\\"left: 0px; width: 0px; position: absolute;\\"></div><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
         .input-icon {
           box-sizing: content-box;
           display: flex;
@@ -59752,7 +59752,7 @@ exports[`RangePicker Common prop \`picker\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -59763,7 +59763,7 @@ exports[`RangePicker Common prop \`picker\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -59774,7 +59774,7 @@ exports[`RangePicker Common prop \`picker\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -59785,7 +59785,7 @@ exports[`RangePicker Common prop \`picker\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -59796,7 +59796,7 @@ exports[`RangePicker Common prop \`picker\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -59843,7 +59843,7 @@ exports[`RangePicker Common prop \`picker\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -59890,7 +59890,7 @@ exports[`RangePicker Common prop \`picker\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -59937,7 +59937,7 @@ exports[`RangePicker Common prop \`picker\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -59984,7 +59984,7 @@ exports[`RangePicker Common prop \`picker\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -60031,7 +60031,7 @@ exports[`RangePicker Common prop \`picker\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -60078,7 +60078,7 @@ exports[`RangePicker Common prop \`picker\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -60125,7 +60125,7 @@ exports[`RangePicker Common prop \`picker\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -60172,7 +60172,7 @@ exports[`RangePicker Common prop \`picker\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -60219,7 +60219,7 @@ exports[`RangePicker Common prop \`picker\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -60266,7 +60266,7 @@ exports[`RangePicker Common prop \`picker\` should works 1`] = `
             ;
           }
 
-        </style><div class=\\"cfx-picker cfx-picker-range cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input cfx-picker-input-active\\"><input readonly=\\"\\" placeholder=\\"Start year\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-range-separator\\"><span aria-label=\\"to\\" class=\\"cfx-picker-separator\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><path d=\\"M5 12h14\\"></path></svg></span></div><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"End year\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-active-bar\\" style=\\"left: 0px; width: 0px; position: absolute;\\"></div><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
+        </style></div><div class=\\"cfx-picker cfx-picker-range cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input cfx-picker-input-active\\"><input readonly=\\"\\" placeholder=\\"Start year\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-range-separator\\"><span aria-label=\\"to\\" class=\\"cfx-picker-separator\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><path d=\\"M5 12h14\\"></path></svg></span></div><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"End year\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-active-bar\\" style=\\"left: 0px; width: 0px; position: absolute;\\"></div><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
         .input-icon {
           box-sizing: content-box;
           display: flex;
@@ -61577,7 +61577,7 @@ exports[`RangePicker Common prop \`picker\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -61588,7 +61588,7 @@ exports[`RangePicker Common prop \`picker\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -61599,7 +61599,7 @@ exports[`RangePicker Common prop \`picker\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -61610,7 +61610,7 @@ exports[`RangePicker Common prop \`picker\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -61621,7 +61621,7 @@ exports[`RangePicker Common prop \`picker\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -61668,7 +61668,7 @@ exports[`RangePicker Common prop \`picker\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -61715,7 +61715,7 @@ exports[`RangePicker Common prop \`picker\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -61762,7 +61762,7 @@ exports[`RangePicker Common prop \`picker\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -61809,7 +61809,7 @@ exports[`RangePicker Common prop \`picker\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -61856,7 +61856,7 @@ exports[`RangePicker Common prop \`picker\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -61903,7 +61903,7 @@ exports[`RangePicker Common prop \`picker\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -61950,7 +61950,7 @@ exports[`RangePicker Common prop \`picker\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -61997,7 +61997,7 @@ exports[`RangePicker Common prop \`picker\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -62044,7 +62044,7 @@ exports[`RangePicker Common prop \`picker\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -62091,7 +62091,7 @@ exports[`RangePicker Common prop \`picker\` should works 1`] = `
             ;
           }
 
-        </style><div class=\\"cfx-picker cfx-picker-range cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input cfx-picker-input-active\\"><input readonly=\\"\\" placeholder=\\"Start week\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-range-separator\\"><span aria-label=\\"to\\" class=\\"cfx-picker-separator\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><path d=\\"M5 12h14\\"></path></svg></span></div><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"End week\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-active-bar\\" style=\\"left: 0px; width: 0px; position: absolute;\\"></div><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
+        </style></div><div class=\\"cfx-picker cfx-picker-range cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input cfx-picker-input-active\\"><input readonly=\\"\\" placeholder=\\"Start week\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-range-separator\\"><span aria-label=\\"to\\" class=\\"cfx-picker-separator\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><path d=\\"M5 12h14\\"></path></svg></span></div><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"End week\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-active-bar\\" style=\\"left: 0px; width: 0px; position: absolute;\\"></div><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
         .input-icon {
           box-sizing: content-box;
           display: flex;
@@ -63402,7 +63402,7 @@ exports[`RangePicker Common prop \`picker\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -63413,7 +63413,7 @@ exports[`RangePicker Common prop \`picker\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -63424,7 +63424,7 @@ exports[`RangePicker Common prop \`picker\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -63435,7 +63435,7 @@ exports[`RangePicker Common prop \`picker\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -63446,7 +63446,7 @@ exports[`RangePicker Common prop \`picker\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -63493,7 +63493,7 @@ exports[`RangePicker Common prop \`picker\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -63540,7 +63540,7 @@ exports[`RangePicker Common prop \`picker\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -63587,7 +63587,7 @@ exports[`RangePicker Common prop \`picker\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -63634,7 +63634,7 @@ exports[`RangePicker Common prop \`picker\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -63681,7 +63681,7 @@ exports[`RangePicker Common prop \`picker\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -63728,7 +63728,7 @@ exports[`RangePicker Common prop \`picker\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -63775,7 +63775,7 @@ exports[`RangePicker Common prop \`picker\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -63822,7 +63822,7 @@ exports[`RangePicker Common prop \`picker\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -63869,7 +63869,7 @@ exports[`RangePicker Common prop \`picker\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -63916,7 +63916,7 @@ exports[`RangePicker Common prop \`picker\` should works 1`] = `
             ;
           }
 
-        </style><div class=\\"cfx-picker cfx-picker-range cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input cfx-picker-input-active\\"><input readonly=\\"\\" placeholder=\\"Start date\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-range-separator\\"><span aria-label=\\"to\\" class=\\"cfx-picker-separator\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><path d=\\"M5 12h14\\"></path></svg></span></div><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"End date\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-active-bar\\" style=\\"left: 0px; width: 0px; position: absolute;\\"></div><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
+        </style></div><div class=\\"cfx-picker cfx-picker-range cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input cfx-picker-input-active\\"><input readonly=\\"\\" placeholder=\\"Start date\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-range-separator\\"><span aria-label=\\"to\\" class=\\"cfx-picker-separator\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><path d=\\"M5 12h14\\"></path></svg></span></div><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"End date\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-active-bar\\" style=\\"left: 0px; width: 0px; position: absolute;\\"></div><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
         .input-icon {
           box-sizing: content-box;
           display: flex;
@@ -65227,7 +65227,7 @@ exports[`RangePicker Common prop \`picker\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -65238,7 +65238,7 @@ exports[`RangePicker Common prop \`picker\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -65249,7 +65249,7 @@ exports[`RangePicker Common prop \`picker\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -65260,7 +65260,7 @@ exports[`RangePicker Common prop \`picker\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -65271,7 +65271,7 @@ exports[`RangePicker Common prop \`picker\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -65318,7 +65318,7 @@ exports[`RangePicker Common prop \`picker\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -65365,7 +65365,7 @@ exports[`RangePicker Common prop \`picker\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -65412,7 +65412,7 @@ exports[`RangePicker Common prop \`picker\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -65459,7 +65459,7 @@ exports[`RangePicker Common prop \`picker\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -65506,7 +65506,7 @@ exports[`RangePicker Common prop \`picker\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -65553,7 +65553,7 @@ exports[`RangePicker Common prop \`picker\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -65600,7 +65600,7 @@ exports[`RangePicker Common prop \`picker\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -65647,7 +65647,7 @@ exports[`RangePicker Common prop \`picker\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -65694,7 +65694,7 @@ exports[`RangePicker Common prop \`picker\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -65741,7 +65741,7 @@ exports[`RangePicker Common prop \`picker\` should works 1`] = `
             ;
           }
 
-        </style></div>"
+        </style></div></div>"
 `;
 
 exports[`RangePicker Common prop \`popupStyle\` should works 1`] = `
@@ -67056,7 +67056,7 @@ exports[`RangePicker Common prop \`popupStyle\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -67067,7 +67067,7 @@ exports[`RangePicker Common prop \`popupStyle\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -67078,7 +67078,7 @@ exports[`RangePicker Common prop \`popupStyle\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -67089,7 +67089,7 @@ exports[`RangePicker Common prop \`popupStyle\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -67100,7 +67100,7 @@ exports[`RangePicker Common prop \`popupStyle\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -67147,7 +67147,7 @@ exports[`RangePicker Common prop \`popupStyle\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -67194,7 +67194,7 @@ exports[`RangePicker Common prop \`popupStyle\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -67241,7 +67241,7 @@ exports[`RangePicker Common prop \`popupStyle\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -67288,7 +67288,7 @@ exports[`RangePicker Common prop \`popupStyle\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -67335,7 +67335,7 @@ exports[`RangePicker Common prop \`popupStyle\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -67382,7 +67382,7 @@ exports[`RangePicker Common prop \`popupStyle\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -67429,7 +67429,7 @@ exports[`RangePicker Common prop \`popupStyle\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -67476,7 +67476,7 @@ exports[`RangePicker Common prop \`popupStyle\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -67523,7 +67523,7 @@ exports[`RangePicker Common prop \`popupStyle\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -67570,7 +67570,7 @@ exports[`RangePicker Common prop \`popupStyle\` should works 1`] = `
             ;
           }
 
-        </style>"
+        </style></div>"
 `;
 
 exports[`RangePicker Common prop \`style\` should works 1`] = `
@@ -68885,7 +68885,7 @@ exports[`RangePicker Common prop \`style\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -68896,7 +68896,7 @@ exports[`RangePicker Common prop \`style\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -68907,7 +68907,7 @@ exports[`RangePicker Common prop \`style\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -68918,7 +68918,7 @@ exports[`RangePicker Common prop \`style\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -68929,7 +68929,7 @@ exports[`RangePicker Common prop \`style\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -68976,7 +68976,7 @@ exports[`RangePicker Common prop \`style\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -69023,7 +69023,7 @@ exports[`RangePicker Common prop \`style\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -69070,7 +69070,7 @@ exports[`RangePicker Common prop \`style\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -69117,7 +69117,7 @@ exports[`RangePicker Common prop \`style\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -69164,7 +69164,7 @@ exports[`RangePicker Common prop \`style\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -69211,7 +69211,7 @@ exports[`RangePicker Common prop \`style\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -69258,7 +69258,7 @@ exports[`RangePicker Common prop \`style\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -69305,7 +69305,7 @@ exports[`RangePicker Common prop \`style\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -69352,7 +69352,7 @@ exports[`RangePicker Common prop \`style\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -69399,7 +69399,7 @@ exports[`RangePicker Common prop \`style\` should works 1`] = `
             ;
           }
 
-        </style>"
+        </style></div>"
 `;
 
 exports[`RangePicker Common prop \`suffixIcon\` should works 1`] = `
@@ -70699,7 +70699,7 @@ exports[`RangePicker Common prop \`suffixIcon\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -70710,7 +70710,7 @@ exports[`RangePicker Common prop \`suffixIcon\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -70721,7 +70721,7 @@ exports[`RangePicker Common prop \`suffixIcon\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -70732,7 +70732,7 @@ exports[`RangePicker Common prop \`suffixIcon\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -70743,7 +70743,7 @@ exports[`RangePicker Common prop \`suffixIcon\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -70790,7 +70790,7 @@ exports[`RangePicker Common prop \`suffixIcon\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -70837,7 +70837,7 @@ exports[`RangePicker Common prop \`suffixIcon\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -70884,7 +70884,7 @@ exports[`RangePicker Common prop \`suffixIcon\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -70931,7 +70931,7 @@ exports[`RangePicker Common prop \`suffixIcon\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -70978,7 +70978,7 @@ exports[`RangePicker Common prop \`suffixIcon\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -71025,7 +71025,7 @@ exports[`RangePicker Common prop \`suffixIcon\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -71072,7 +71072,7 @@ exports[`RangePicker Common prop \`suffixIcon\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -71119,7 +71119,7 @@ exports[`RangePicker Common prop \`suffixIcon\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -71166,7 +71166,7 @@ exports[`RangePicker Common prop \`suffixIcon\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -71213,7 +71213,7 @@ exports[`RangePicker Common prop \`suffixIcon\` should works 1`] = `
             ;
           }
 
-        </style>"
+        </style></div>"
 `;
 
 exports[`RangePicker Common prop \`value\` should works 1`] = `
@@ -72572,7 +72572,7 @@ exports[`RangePicker Common prop \`value\` should works 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -72583,7 +72583,7 @@ exports[`RangePicker Common prop \`value\` should works 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -72594,7 +72594,7 @@ exports[`RangePicker Common prop \`value\` should works 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -72605,7 +72605,7 @@ exports[`RangePicker Common prop \`value\` should works 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -72616,7 +72616,7 @@ exports[`RangePicker Common prop \`value\` should works 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -72663,7 +72663,7 @@ exports[`RangePicker Common prop \`value\` should works 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -72710,7 +72710,7 @@ exports[`RangePicker Common prop \`value\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -72757,7 +72757,7 @@ exports[`RangePicker Common prop \`value\` should works 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -72804,7 +72804,7 @@ exports[`RangePicker Common prop \`value\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -72851,7 +72851,7 @@ exports[`RangePicker Common prop \`value\` should works 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -72898,7 +72898,7 @@ exports[`RangePicker Common prop \`value\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -72945,7 +72945,7 @@ exports[`RangePicker Common prop \`value\` should works 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -72992,7 +72992,7 @@ exports[`RangePicker Common prop \`value\` should works 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -73039,7 +73039,7 @@ exports[`RangePicker Common prop \`value\` should works 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -73086,7 +73086,7 @@ exports[`RangePicker Common prop \`value\` should works 1`] = `
             ;
           }
 
-        </style>"
+        </style></div>"
 `;
 
 exports[`RangePicker Common should clear text 1`] = `
@@ -74401,7 +74401,7 @@ exports[`RangePicker Common should clear text 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -74412,7 +74412,7 @@ exports[`RangePicker Common should clear text 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -74423,7 +74423,7 @@ exports[`RangePicker Common should clear text 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -74434,7 +74434,7 @@ exports[`RangePicker Common should clear text 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -74445,7 +74445,7 @@ exports[`RangePicker Common should clear text 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -74492,7 +74492,7 @@ exports[`RangePicker Common should clear text 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -74539,7 +74539,7 @@ exports[`RangePicker Common should clear text 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -74586,7 +74586,7 @@ exports[`RangePicker Common should clear text 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -74633,7 +74633,7 @@ exports[`RangePicker Common should clear text 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -74680,7 +74680,7 @@ exports[`RangePicker Common should clear text 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -74727,7 +74727,7 @@ exports[`RangePicker Common should clear text 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -74774,7 +74774,7 @@ exports[`RangePicker Common should clear text 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -74821,7 +74821,7 @@ exports[`RangePicker Common should clear text 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -74868,7 +74868,7 @@ exports[`RangePicker Common should clear text 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -74915,7 +74915,7 @@ exports[`RangePicker Common should clear text 1`] = `
             ;
           }
 
-        </style>"
+        </style></div>"
 `;
 
 exports[`RangePicker Common should support all colors 1`] = `
@@ -76230,7 +76230,7 @@ exports[`RangePicker Common should support all colors 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -76241,7 +76241,7 @@ exports[`RangePicker Common should support all colors 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -76252,7 +76252,7 @@ exports[`RangePicker Common should support all colors 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -76263,7 +76263,7 @@ exports[`RangePicker Common should support all colors 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -76274,7 +76274,7 @@ exports[`RangePicker Common should support all colors 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -76321,7 +76321,7 @@ exports[`RangePicker Common should support all colors 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -76368,7 +76368,7 @@ exports[`RangePicker Common should support all colors 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -76415,7 +76415,7 @@ exports[`RangePicker Common should support all colors 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -76462,7 +76462,7 @@ exports[`RangePicker Common should support all colors 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -76509,7 +76509,7 @@ exports[`RangePicker Common should support all colors 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -76556,7 +76556,7 @@ exports[`RangePicker Common should support all colors 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -76603,7 +76603,7 @@ exports[`RangePicker Common should support all colors 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -76650,7 +76650,7 @@ exports[`RangePicker Common should support all colors 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -76697,7 +76697,7 @@ exports[`RangePicker Common should support all colors 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -76744,7 +76744,7 @@ exports[`RangePicker Common should support all colors 1`] = `
             ;
           }
 
-        </style><div class=\\"cfx-picker cfx-picker-range cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-success  \\"><div class=\\"cfx-picker-input cfx-picker-input-active\\"><input readonly=\\"\\" placeholder=\\"Start date\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-range-separator\\"><span aria-label=\\"to\\" class=\\"cfx-picker-separator\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><path d=\\"M5 12h14\\"></path></svg></span></div><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"End date\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-active-bar\\" style=\\"left: 0px; width: 0px; position: absolute;\\"></div><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
+        </style></div><div class=\\"cfx-picker cfx-picker-range cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-success  \\"><div class=\\"cfx-picker-input cfx-picker-input-active\\"><input readonly=\\"\\" placeholder=\\"Start date\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-range-separator\\"><span aria-label=\\"to\\" class=\\"cfx-picker-separator\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><path d=\\"M5 12h14\\"></path></svg></span></div><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"End date\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-active-bar\\" style=\\"left: 0px; width: 0px; position: absolute;\\"></div><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
         .input-icon {
           box-sizing: content-box;
           display: flex;
@@ -78055,7 +78055,7 @@ exports[`RangePicker Common should support all colors 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -78066,7 +78066,7 @@ exports[`RangePicker Common should support all colors 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -78077,7 +78077,7 @@ exports[`RangePicker Common should support all colors 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -78088,7 +78088,7 @@ exports[`RangePicker Common should support all colors 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -78099,7 +78099,7 @@ exports[`RangePicker Common should support all colors 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -78146,7 +78146,7 @@ exports[`RangePicker Common should support all colors 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -78193,7 +78193,7 @@ exports[`RangePicker Common should support all colors 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -78240,7 +78240,7 @@ exports[`RangePicker Common should support all colors 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -78287,7 +78287,7 @@ exports[`RangePicker Common should support all colors 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -78334,7 +78334,7 @@ exports[`RangePicker Common should support all colors 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -78381,7 +78381,7 @@ exports[`RangePicker Common should support all colors 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -78428,7 +78428,7 @@ exports[`RangePicker Common should support all colors 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -78475,7 +78475,7 @@ exports[`RangePicker Common should support all colors 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -78522,7 +78522,7 @@ exports[`RangePicker Common should support all colors 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -78569,7 +78569,7 @@ exports[`RangePicker Common should support all colors 1`] = `
             ;
           }
 
-        </style><div class=\\"cfx-picker cfx-picker-range cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-warning  \\"><div class=\\"cfx-picker-input cfx-picker-input-active\\"><input readonly=\\"\\" placeholder=\\"Start date\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-range-separator\\"><span aria-label=\\"to\\" class=\\"cfx-picker-separator\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><path d=\\"M5 12h14\\"></path></svg></span></div><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"End date\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-active-bar\\" style=\\"left: 0px; width: 0px; position: absolute;\\"></div><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
+        </style></div><div class=\\"cfx-picker cfx-picker-range cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-warning  \\"><div class=\\"cfx-picker-input cfx-picker-input-active\\"><input readonly=\\"\\" placeholder=\\"Start date\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-range-separator\\"><span aria-label=\\"to\\" class=\\"cfx-picker-separator\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><path d=\\"M5 12h14\\"></path></svg></span></div><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"End date\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-active-bar\\" style=\\"left: 0px; width: 0px; position: absolute;\\"></div><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
         .input-icon {
           box-sizing: content-box;
           display: flex;
@@ -79880,7 +79880,7 @@ exports[`RangePicker Common should support all colors 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -79891,7 +79891,7 @@ exports[`RangePicker Common should support all colors 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -79902,7 +79902,7 @@ exports[`RangePicker Common should support all colors 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -79913,7 +79913,7 @@ exports[`RangePicker Common should support all colors 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -79924,7 +79924,7 @@ exports[`RangePicker Common should support all colors 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -79971,7 +79971,7 @@ exports[`RangePicker Common should support all colors 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -80018,7 +80018,7 @@ exports[`RangePicker Common should support all colors 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -80065,7 +80065,7 @@ exports[`RangePicker Common should support all colors 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -80112,7 +80112,7 @@ exports[`RangePicker Common should support all colors 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -80159,7 +80159,7 @@ exports[`RangePicker Common should support all colors 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -80206,7 +80206,7 @@ exports[`RangePicker Common should support all colors 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -80253,7 +80253,7 @@ exports[`RangePicker Common should support all colors 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -80300,7 +80300,7 @@ exports[`RangePicker Common should support all colors 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -80347,7 +80347,7 @@ exports[`RangePicker Common should support all colors 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -80394,7 +80394,7 @@ exports[`RangePicker Common should support all colors 1`] = `
             ;
           }
 
-        </style><div class=\\"cfx-picker cfx-picker-range cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-error  \\"><div class=\\"cfx-picker-input cfx-picker-input-active\\"><input readonly=\\"\\" placeholder=\\"Start date\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-range-separator\\"><span aria-label=\\"to\\" class=\\"cfx-picker-separator\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><path d=\\"M5 12h14\\"></path></svg></span></div><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"End date\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-active-bar\\" style=\\"left: 0px; width: 0px; position: absolute;\\"></div><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
+        </style></div><div class=\\"cfx-picker cfx-picker-range cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-error  \\"><div class=\\"cfx-picker-input cfx-picker-input-active\\"><input readonly=\\"\\" placeholder=\\"Start date\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-range-separator\\"><span aria-label=\\"to\\" class=\\"cfx-picker-separator\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><path d=\\"M5 12h14\\"></path></svg></span></div><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"End date\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-active-bar\\" style=\\"left: 0px; width: 0px; position: absolute;\\"></div><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
         .input-icon {
           box-sizing: content-box;
           display: flex;
@@ -81705,7 +81705,7 @@ exports[`RangePicker Common should support all colors 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -81716,7 +81716,7 @@ exports[`RangePicker Common should support all colors 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -81727,7 +81727,7 @@ exports[`RangePicker Common should support all colors 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -81738,7 +81738,7 @@ exports[`RangePicker Common should support all colors 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -81749,7 +81749,7 @@ exports[`RangePicker Common should support all colors 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -81796,7 +81796,7 @@ exports[`RangePicker Common should support all colors 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -81843,7 +81843,7 @@ exports[`RangePicker Common should support all colors 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -81890,7 +81890,7 @@ exports[`RangePicker Common should support all colors 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -81937,7 +81937,7 @@ exports[`RangePicker Common should support all colors 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -81984,7 +81984,7 @@ exports[`RangePicker Common should support all colors 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -82031,7 +82031,7 @@ exports[`RangePicker Common should support all colors 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -82078,7 +82078,7 @@ exports[`RangePicker Common should support all colors 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -82125,7 +82125,7 @@ exports[`RangePicker Common should support all colors 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -82172,7 +82172,7 @@ exports[`RangePicker Common should support all colors 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -82219,7 +82219,7 @@ exports[`RangePicker Common should support all colors 1`] = `
             ;
           }
 
-        </style></div>"
+        </style></div></div>"
 `;
 
 exports[`RangePicker Common should support all sizes 1`] = `
@@ -83534,7 +83534,7 @@ exports[`RangePicker Common should support all sizes 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -83545,7 +83545,7 @@ exports[`RangePicker Common should support all sizes 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -83556,7 +83556,7 @@ exports[`RangePicker Common should support all sizes 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -83567,7 +83567,7 @@ exports[`RangePicker Common should support all sizes 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -83578,7 +83578,7 @@ exports[`RangePicker Common should support all sizes 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -83625,7 +83625,7 @@ exports[`RangePicker Common should support all sizes 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -83672,7 +83672,7 @@ exports[`RangePicker Common should support all sizes 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -83719,7 +83719,7 @@ exports[`RangePicker Common should support all sizes 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -83766,7 +83766,7 @@ exports[`RangePicker Common should support all sizes 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -83813,7 +83813,7 @@ exports[`RangePicker Common should support all sizes 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -83860,7 +83860,7 @@ exports[`RangePicker Common should support all sizes 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -83907,7 +83907,7 @@ exports[`RangePicker Common should support all sizes 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -83954,7 +83954,7 @@ exports[`RangePicker Common should support all sizes 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -84001,7 +84001,7 @@ exports[`RangePicker Common should support all sizes 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -84048,7 +84048,7 @@ exports[`RangePicker Common should support all sizes 1`] = `
             ;
           }
 
-        </style><div class=\\"cfx-picker cfx-picker-range cfx-picker-size-small cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input cfx-picker-input-active\\"><input readonly=\\"\\" placeholder=\\"Start date\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-range-separator\\"><span aria-label=\\"to\\" class=\\"cfx-picker-separator\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><path d=\\"M5 12h14\\"></path></svg></span></div><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"End date\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-active-bar\\" style=\\"left: 0px; width: 0px; position: absolute;\\"></div><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
+        </style></div><div class=\\"cfx-picker cfx-picker-range cfx-picker-size-small cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input cfx-picker-input-active\\"><input readonly=\\"\\" placeholder=\\"Start date\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-range-separator\\"><span aria-label=\\"to\\" class=\\"cfx-picker-separator\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><path d=\\"M5 12h14\\"></path></svg></span></div><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"End date\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-active-bar\\" style=\\"left: 0px; width: 0px; position: absolute;\\"></div><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
         .input-icon {
           box-sizing: content-box;
           display: flex;
@@ -85359,7 +85359,7 @@ exports[`RangePicker Common should support all sizes 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -85370,7 +85370,7 @@ exports[`RangePicker Common should support all sizes 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -85381,7 +85381,7 @@ exports[`RangePicker Common should support all sizes 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -85392,7 +85392,7 @@ exports[`RangePicker Common should support all sizes 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -85403,7 +85403,7 @@ exports[`RangePicker Common should support all sizes 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -85450,7 +85450,7 @@ exports[`RangePicker Common should support all sizes 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -85497,7 +85497,7 @@ exports[`RangePicker Common should support all sizes 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -85544,7 +85544,7 @@ exports[`RangePicker Common should support all sizes 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -85591,7 +85591,7 @@ exports[`RangePicker Common should support all sizes 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -85638,7 +85638,7 @@ exports[`RangePicker Common should support all sizes 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -85685,7 +85685,7 @@ exports[`RangePicker Common should support all sizes 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -85732,7 +85732,7 @@ exports[`RangePicker Common should support all sizes 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -85779,7 +85779,7 @@ exports[`RangePicker Common should support all sizes 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -85826,7 +85826,7 @@ exports[`RangePicker Common should support all sizes 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -85873,7 +85873,7 @@ exports[`RangePicker Common should support all sizes 1`] = `
             ;
           }
 
-        </style><div class=\\"cfx-picker cfx-picker-range cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input cfx-picker-input-active\\"><input readonly=\\"\\" placeholder=\\"Start date\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-range-separator\\"><span aria-label=\\"to\\" class=\\"cfx-picker-separator\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><path d=\\"M5 12h14\\"></path></svg></span></div><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"End date\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-active-bar\\" style=\\"left: 0px; width: 0px; position: absolute;\\"></div><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
+        </style></div><div class=\\"cfx-picker cfx-picker-range cfx-picker-size-medium cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input cfx-picker-input-active\\"><input readonly=\\"\\" placeholder=\\"Start date\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-range-separator\\"><span aria-label=\\"to\\" class=\\"cfx-picker-separator\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><path d=\\"M5 12h14\\"></path></svg></span></div><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"End date\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-active-bar\\" style=\\"left: 0px; width: 0px; position: absolute;\\"></div><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
         .input-icon {
           box-sizing: content-box;
           display: flex;
@@ -87184,7 +87184,7 @@ exports[`RangePicker Common should support all sizes 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -87195,7 +87195,7 @@ exports[`RangePicker Common should support all sizes 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -87206,7 +87206,7 @@ exports[`RangePicker Common should support all sizes 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -87217,7 +87217,7 @@ exports[`RangePicker Common should support all sizes 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -87228,7 +87228,7 @@ exports[`RangePicker Common should support all sizes 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -87275,7 +87275,7 @@ exports[`RangePicker Common should support all sizes 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -87322,7 +87322,7 @@ exports[`RangePicker Common should support all sizes 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -87369,7 +87369,7 @@ exports[`RangePicker Common should support all sizes 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -87416,7 +87416,7 @@ exports[`RangePicker Common should support all sizes 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -87463,7 +87463,7 @@ exports[`RangePicker Common should support all sizes 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -87510,7 +87510,7 @@ exports[`RangePicker Common should support all sizes 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -87557,7 +87557,7 @@ exports[`RangePicker Common should support all sizes 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -87604,7 +87604,7 @@ exports[`RangePicker Common should support all sizes 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -87651,7 +87651,7 @@ exports[`RangePicker Common should support all sizes 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -87698,7 +87698,7 @@ exports[`RangePicker Common should support all sizes 1`] = `
             ;
           }
 
-        </style><div class=\\"cfx-picker cfx-picker-range cfx-picker-size-large cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input cfx-picker-input-active\\"><input readonly=\\"\\" placeholder=\\"Start date\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-range-separator\\"><span aria-label=\\"to\\" class=\\"cfx-picker-separator\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><path d=\\"M5 12h14\\"></path></svg></span></div><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"End date\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-active-bar\\" style=\\"left: 0px; width: 0px; position: absolute;\\"></div><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
+        </style></div><div class=\\"cfx-picker cfx-picker-range cfx-picker-size-large cfx-picker-variant-line cfx-picker-color-default  \\"><div class=\\"cfx-picker-input cfx-picker-input-active\\"><input readonly=\\"\\" placeholder=\\"Start date\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-range-separator\\"><span aria-label=\\"to\\" class=\\"cfx-picker-separator\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><path d=\\"M5 12h14\\"></path></svg></span></div><div class=\\"cfx-picker-input\\"><input readonly=\\"\\" placeholder=\\"End date\\" size=\\"12\\" autocomplete=\\"off\\" value=\\"\\"></div><div class=\\"cfx-picker-active-bar\\" style=\\"left: 0px; width: 0px; position: absolute;\\"></div><span class=\\"cfx-picker-suffix\\"><span class=\\"input-icon\\"><svg fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\"1.5\\" shape-rendering=\\"geometricPrecision\\" viewBox=\\"0 0 24 24\\" height=\\"24\\" width=\\"24\\" style=\\"color: currentColor;\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"4\\" rx=\\"2\\" ry=\\"2\\"></rect><path d=\\"M16 2v4M8 2v4M3 10h18\\"></path></svg><style>
         .input-icon {
           box-sizing: content-box;
           display: flex;
@@ -89009,7 +89009,7 @@ exports[`RangePicker Common should support all sizes 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -89020,7 +89020,7 @@ exports[`RangePicker Common should support all sizes 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -89031,7 +89031,7 @@ exports[`RangePicker Common should support all sizes 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -89042,7 +89042,7 @@ exports[`RangePicker Common should support all sizes 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -89053,7 +89053,7 @@ exports[`RangePicker Common should support all sizes 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -89100,7 +89100,7 @@ exports[`RangePicker Common should support all sizes 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -89147,7 +89147,7 @@ exports[`RangePicker Common should support all sizes 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -89194,7 +89194,7 @@ exports[`RangePicker Common should support all sizes 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -89241,7 +89241,7 @@ exports[`RangePicker Common should support all sizes 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -89288,7 +89288,7 @@ exports[`RangePicker Common should support all sizes 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -89335,7 +89335,7 @@ exports[`RangePicker Common should support all sizes 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -89382,7 +89382,7 @@ exports[`RangePicker Common should support all sizes 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -89429,7 +89429,7 @@ exports[`RangePicker Common should support all sizes 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -89476,7 +89476,7 @@ exports[`RangePicker Common should support all sizes 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -89523,7 +89523,7 @@ exports[`RangePicker Common should support all sizes 1`] = `
             ;
           }
 
-        </style></div>"
+        </style></div></div>"
 `;
 
 exports[`RangePicker Common should support all variants 1`] = `
@@ -90838,7 +90838,7 @@ exports[`RangePicker Common should support all variants 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -90849,7 +90849,7 @@ exports[`RangePicker Common should support all variants 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -90860,7 +90860,7 @@ exports[`RangePicker Common should support all variants 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -90871,7 +90871,7 @@ exports[`RangePicker Common should support all variants 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -90882,7 +90882,7 @@ exports[`RangePicker Common should support all variants 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -90929,7 +90929,7 @@ exports[`RangePicker Common should support all variants 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -90976,7 +90976,7 @@ exports[`RangePicker Common should support all variants 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -91023,7 +91023,7 @@ exports[`RangePicker Common should support all variants 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -91070,7 +91070,7 @@ exports[`RangePicker Common should support all variants 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -91117,7 +91117,7 @@ exports[`RangePicker Common should support all variants 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -91164,7 +91164,7 @@ exports[`RangePicker Common should support all variants 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -91211,7 +91211,7 @@ exports[`RangePicker Common should support all variants 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -91258,7 +91258,7 @@ exports[`RangePicker Common should support all variants 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -91305,7 +91305,7 @@ exports[`RangePicker Common should support all variants 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -91352,7 +91352,7 @@ exports[`RangePicker Common should support all variants 1`] = `
             ;
           }
 
-        </style>"
+        </style></div>"
 `;
 
 exports[`RangePicker Common specific \`format\` props with \`showTime\` 1`] = `
@@ -92753,7 +92753,7 @@ exports[`RangePicker Common specific \`format\` props with \`showTime\` 1`] = `
         .cfx-picker-panel-container .cfx-picker-panel-focused {
           border-color: #1e3de4;
         }
-      </style><style>
+      </style><div><style>
         .cfx-picker-size-mini .cfx-picker-input {
           height: calc(1.5 * 1.1429rem - 2px);
           line-height: calc(1.5 * 1.1429rem - 3px);
@@ -92764,7 +92764,7 @@ exports[`RangePicker Common specific \`format\` props with \`showTime\` 1`] = `
           font-size: 0.5714rem;
           line-height: calc(1.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-small .cfx-picker-input {
           height: calc(2 * 1.1429rem - 2px);
           line-height: calc(2 * 1.1429rem - 3px);
@@ -92775,7 +92775,7 @@ exports[`RangePicker Common specific \`format\` props with \`showTime\` 1`] = `
           font-size: 0.8571rem;
           line-height: calc(2 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-medium .cfx-picker-input {
           height: calc(2.5 * 1.1429rem - 2px);
           line-height: calc(2.5 * 1.1429rem - 3px);
@@ -92786,7 +92786,7 @@ exports[`RangePicker Common specific \`format\` props with \`showTime\` 1`] = `
           font-size: 1rem;
           line-height: calc(2.5 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
         .cfx-picker-size-large .cfx-picker-input {
           height: calc(3 * 1.1429rem - 2px);
           line-height: calc(3 * 1.1429rem - 3px);
@@ -92797,7 +92797,7 @@ exports[`RangePicker Common specific \`format\` props with \`showTime\` 1`] = `
           font-size: 1.1429rem;
           line-height: calc(3 * 1.1429rem - 4px);
         }
-      </style><style>
+      </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-default {
             color: #333;
             background-color: #f9fafb;
@@ -92844,7 +92844,7 @@ exports[`RangePicker Common specific \`format\` props with \`showTime\` 1`] = `
             background-color: #f0f5ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-default {
             color: #333;
             background-color: #fff;
@@ -92891,7 +92891,7 @@ exports[`RangePicker Common specific \`format\` props with \`showTime\` 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-primary {
             color: #333;
             background-color: #f0f5ff;
@@ -92938,7 +92938,7 @@ exports[`RangePicker Common specific \`format\` props with \`showTime\` 1`] = `
             background-color: #dfe8ff;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-primary {
             color: #333;
             background-color: #fff;
@@ -92985,7 +92985,7 @@ exports[`RangePicker Common specific \`format\` props with \`showTime\` 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-success {
             color: #333;
             background-color: #effaef;
@@ -93032,7 +93032,7 @@ exports[`RangePicker Common specific \`format\` props with \`showTime\` 1`] = `
             background-color: #7cd77b;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-success {
             color: #333;
             background-color: #fff;
@@ -93079,7 +93079,7 @@ exports[`RangePicker Common specific \`format\` props with \`showTime\` 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-warning {
             color: #333;
             background-color: #fef1ea;
@@ -93126,7 +93126,7 @@ exports[`RangePicker Common specific \`format\` props with \`showTime\` 1`] = `
             background-color: #ffc438;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-warning {
             color: #333;
             background-color: #fff;
@@ -93173,7 +93173,7 @@ exports[`RangePicker Common specific \`format\` props with \`showTime\` 1`] = `
             ;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-solid.cfx-picker-color-error {
             color: #e15c56;
             background-color: rgba(251, 235, 235, 0.4);
@@ -93220,7 +93220,7 @@ exports[`RangePicker Common specific \`format\` props with \`showTime\` 1`] = `
             background-color: #fbebeb;
           }
 
-        </style><style>
+        </style></div><div><style>
           .cfx-picker.cfx-picker-variant-line.cfx-picker-color-error {
             color: #e15c56;
             background-color: #fff;
@@ -93267,5 +93267,5 @@ exports[`RangePicker Common specific \`format\` props with \`showTime\` 1`] = `
             ;
           }
 
-        </style>"
+        </style></div>"
 `;
diff --git a/components/date-picker/style.tsx b/components/date-picker/style.tsx
index 02eff1424..1dc80bff3 100644
--- a/components/date-picker/style.tsx
+++ b/components/date-picker/style.tsx
@@ -17,7 +17,7 @@ const animationDuration = '0.2s'
 // TODO Unify animation
 // picker animation lalala~
 export const animationStyle = (
-  <style jsx global key="date-picker-style-animation">{`
+  <style jsx global>{`
     @keyframes cfxSlideUpIn {
       0% {
         transform: scaleY(0.8);
@@ -278,7 +278,8 @@ export const generateSizeStyles = (prefix: string, theme: CfxUIThemes) => {
   normalSizes.forEach((size: NormalSizes) => {
     const { heightRatio, fontSize, margin } = getSizes(size)
     styles.push(
-      <style jsx global key={`date-picker-style-${size}`}>{`
+      <div key={`date-picker-style-${size}`}>
+        <style jsx global>{`
         .${prefix}-picker-size-${size} .${prefix}-picker-input {
           height: calc(${heightRatio} * ${theme.layout.gap} - 2px);
           line-height: calc(${heightRatio} * ${theme.layout.gap} - 3px);
@@ -289,7 +290,8 @@ export const generateSizeStyles = (prefix: string, theme: CfxUIThemes) => {
           font-size: ${fontSize};
           line-height: calc(${heightRatio} * ${theme.layout.gap} - 4px);
         }
-      `}</style>,
+      `}</style>
+      </div>,
     )
   })
   return styles
@@ -309,7 +311,8 @@ export const generateVariantStyles = (prefix: string, theme: CfxUIThemes) => {
         hoverBackgroundColor,
       } = getColors(theme, color, variant === 'solid')
       styles.push(
-        <style jsx global key={`date-picker-style-${color}-${variant}`}>{`
+        <div key={`date-picker-style-${color}-${variant}`}>
+          <style jsx global>{`
           .${prefix}-picker.${prefix}-picker-variant-${variant}.${prefix}-picker-color-${color} {
             color: ${textColor};
             background-color: ${backgroundColor};
@@ -356,7 +359,8 @@ export const generateVariantStyles = (prefix: string, theme: CfxUIThemes) => {
             ${variant === 'solid' ? `background-color: ${hoverBackgroundColor}` : ''};
           }
 
-        `}</style>,
+        `}</style>
+        </div>,
       )
     })
   })
@@ -411,7 +415,7 @@ export const generatePickerGlobalStyle = <DateType extends any>(
   return (
     <>
       {animationStyle}
-      <style jsx global key="date-picker-style-general">{`
+      <style jsx global>{`
 
         // ***************** panel *****************