diff --git a/src/date-picker/DateRangePicker.tsx b/src/date-picker/DateRangePicker.tsx
index d0bd9afcc..f146cba1e 100644
--- a/src/date-picker/DateRangePicker.tsx
+++ b/src/date-picker/DateRangePicker.tsx
@@ -74,19 +74,22 @@ export default defineComponent({
           }).month;
         } else if (value.value.length === 2 && !props.enableTimePicker) {
           // 确保右侧面板月份比左侧大 避免两侧面板月份一致
-          const nextMonth = value.value.map((v: string) => parseToDayjs(v || new Date(), formatRef.value.format).month());
+          const nextMonth = value.value.map((v: string) => parseToDayjs(v, formatRef.value.format).month());
           if (year.value[0] === year.value[1] && nextMonth[0] === nextMonth[1]) {
             nextMonth[0] === 11 ? (nextMonth[0] -= 1) : (nextMonth[1] += 1);
           }
           month.value = nextMonth;
-          year.value = value.value.map((v: string) => parseToDayjs(v || new Date(), formatRef.value.format).year());
+          year.value = value.value.map((v: string) => parseToDayjs(v, formatRef.value.format).year());
           // 月份季度选择时需要确保右侧面板年份比左侧大
           if ((props.mode === 'month' || props.mode === 'quarter') && year.value[0] === year.value[1]) {
             year.value = [year.value[0], year.value[0] + 1];
           }
         } else {
-          year.value = value.value.map((v: string) => parseToDayjs(v || new Date(), formatRef.value.format).year());
-          month.value = value.value.map((v: string) => parseToDayjs(v || new Date(), formatRef.value.format).month());
+          year.value = value.value.map((v: string) => parseToDayjs(v, formatRef.value.format).year());
+          if (year.value.length === 1) year.value = [year.value[0], year.value[0]];
+
+          month.value = value.value.map((v: string) => parseToDayjs(v, formatRef.value.format).month());
+          if (month.value.length === 1) month.value = [month.value[0], Math.min(month.value[0] + 1, 11)];
         }
       } else {
         isHoverCell.value = false;
diff --git a/src/date-picker/hooks/useRange.ts b/src/date-picker/hooks/useRange.ts
index dd975a474..b46d0f42a 100644
--- a/src/date-picker/hooks/useRange.ts
+++ b/src/date-picker/hooks/useRange.ts
@@ -31,7 +31,7 @@ export default function useRange(props: TdDateRangePickerProps, { emit }: any) {
   const popupVisible = ref(false);
   const isHoverCell = ref(false);
   const activeIndex = ref(0); // 确定当前选中的输入框序号
-  const inputValue = ref(formatDate(props.value, { format: formatRef.value.format })); // 未真正选中前可能不断变更输入框的内容
+  const inputValue = ref(formatDate(value.value, { format: formatRef.value.format })); // 未真正选中前可能不断变更输入框的内容
 
   // input 设置
   const rangeInputProps = computed(() => ({
@@ -40,7 +40,7 @@ export default function useRange(props: TdDateRangePickerProps, { emit }: any) {
     clearable: props.clearable,
     prefixIcon: props.prefixIcon,
     readonly: !props.allowInput,
-    separator: props.separator,
+    separator: props.separator || global.value.rangeSeparator,
     placeholder: props.placeholder || global.value.placeholder[props.mode],
     activeIndex: popupVisible.value ? activeIndex.value : undefined,
     class: {
diff --git a/src/slider/slider.tsx b/src/slider/slider.tsx
index 01a77a0c7..f197e128b 100644
--- a/src/slider/slider.tsx
+++ b/src/slider/slider.tsx
@@ -348,7 +348,7 @@ export default mixins(classPrefixMixins).extend({
           <div>
             <div class={`${this.componentName}__stops`}>
               {this.markList.map((item, index) => {
-                if (item.position === 0 || item.position === 1) return null;
+                if (item.position === 0 || item.position === 100) return null;
                 return (
                   <div
                     class={[`${this.componentName}__stop`, `${this.componentName}__mark-stop`]}
@@ -466,7 +466,7 @@ export default mixins(classPrefixMixins).extend({
             {this.showSteps && (
               <div class={`${this.componentName}__stops`}>
                 {this.steps.map((item: any, key) => {
-                  if (item.position === 0 || item.position === 1) return null;
+                  if (item.position === 0 || item.position === 100) return null;
                   return <div class={`${this.componentName}__stop`} key={key} style={this.getStopStyle(item)}></div>;
                 })}
               </div>
diff --git a/test/snap/__snapshots__/csr.test.js.snap b/test/snap/__snapshots__/csr.test.js.snap
index cd7c6ab22..132854d27 100644
--- a/test/snap/__snapshots__/csr.test.js.snap
+++ b/test/snap/__snapshots__/csr.test.js.snap
@@ -34383,7 +34383,9 @@ exports[`csr snapshot test > csr test ./src/date-picker/_example/date-presets-al
             </div>
             <div
               class="t-range-input__inner-separator"
-            />
+            >
+               - 
+            </div>
             <div
               class="t-input__wrap t-range-input__inner-right"
             >
@@ -34455,7 +34457,9 @@ exports[`csr snapshot test > csr test ./src/date-picker/_example/date-presets-al
             </div>
             <div
               class="t-range-input__inner-separator"
-            />
+            >
+               - 
+            </div>
             <div
               class="t-input__wrap t-range-input__inner-right"
             >
@@ -34534,7 +34538,9 @@ exports[`csr snapshot test > csr test ./src/date-picker/_example/date-range.vue
             </div>
             <div
               class="t-range-input__inner-separator"
-            />
+            >
+               - 
+            </div>
             <div
               class="t-input__wrap t-range-input__inner-right"
             >
@@ -34604,7 +34610,9 @@ exports[`csr snapshot test > csr test ./src/date-picker/_example/date-range.vue
             </div>
             <div
               class="t-range-input__inner-separator"
-            />
+            >
+               - 
+            </div>
             <div
               class="t-input__wrap t-range-input__inner-right"
             >
@@ -34997,7 +35005,9 @@ exports[`csr snapshot test > csr test ./src/date-picker/_example/disable-date.vu
             </div>
             <div
               class="t-range-input__inner-separator"
-            />
+            >
+               - 
+            </div>
             <div
               class="t-input__wrap t-range-input__inner-right"
             >
@@ -35309,7 +35319,9 @@ exports[`csr snapshot test > csr test ./src/date-picker/_example/month.vue 1`] =
             </div>
             <div
               class="t-range-input__inner-separator"
-            />
+            >
+               - 
+            </div>
             <div
               class="t-input__wrap t-range-input__inner-right"
             >
@@ -38560,7 +38572,9 @@ exports[`csr snapshot test > csr test ./src/date-picker/_example/quarter.vue 1`]
             </div>
             <div
               class="t-range-input__inner-separator"
-            />
+            >
+               - 
+            </div>
             <div
               class="t-input__wrap t-range-input__inner-right"
             >
@@ -38681,7 +38695,9 @@ exports[`csr snapshot test > csr test ./src/date-picker/_example/week.vue 1`] =
             </div>
             <div
               class="t-range-input__inner-separator"
-            />
+            >
+               - 
+            </div>
             <div
               class="t-input__wrap t-range-input__inner-right"
             >
@@ -38802,7 +38818,9 @@ exports[`csr snapshot test > csr test ./src/date-picker/_example/year.vue 1`] =
             </div>
             <div
               class="t-range-input__inner-separator"
-            />
+            >
+               - 
+            </div>
             <div
               class="t-input__wrap t-range-input__inner-right"
             >
@@ -83865,10 +83883,6 @@ exports[`csr snapshot test > csr test ./src/slider/_example/marks.vue 1`] = `
                 class="t-slider__stop t-slider__mark-stop"
                 style="left: 80%;"
               />
-              <div
-                class="t-slider__stop t-slider__mark-stop"
-                style="left: 100%;"
-              />
             </div>
             <div
               class="t-slider__mark"
@@ -83985,10 +83999,6 @@ exports[`csr snapshot test > csr test ./src/slider/_example/marks.vue 1`] = `
                 class="t-slider__stop t-slider__mark-stop"
                 style="left: 80%;"
               />
-              <div
-                class="t-slider__stop t-slider__mark-stop"
-                style="left: 100%;"
-              />
             </div>
             <div
               class="t-slider__mark"
@@ -84082,12 +84092,7 @@ exports[`csr snapshot test > csr test ./src/slider/_example/min-and-max.vue 1`]
           <div>
             <div
               class="t-slider__stops"
-            >
-              <div
-                class="t-slider__stop t-slider__mark-stop"
-                style="left: 100%;"
-              />
-            </div>
+            />
             <div
               class="t-slider__mark"
             >
@@ -84154,12 +84159,7 @@ exports[`csr snapshot test > csr test ./src/slider/_example/min-and-max.vue 1`]
           <div>
             <div
               class="t-slider__stops"
-            >
-              <div
-                class="t-slider__stop t-slider__mark-stop"
-                style="left: 100%;"
-              />
-            </div>
+            />
             <div
               class="t-slider__mark"
             >
@@ -84428,10 +84428,6 @@ exports[`csr snapshot test > csr test ./src/slider/_example/vertical-marks.vue 1
                 class="t-slider__stop t-slider__mark-stop"
                 style="top: calc(20% - 1px);"
               />
-              <div
-                class="t-slider__stop t-slider__mark-stop"
-                style="top: calc(0% - 1px);"
-              />
             </div>
             <div
               class="t-slider__mark"
@@ -84550,10 +84546,6 @@ exports[`csr snapshot test > csr test ./src/slider/_example/vertical-marks.vue 1
                 class="t-slider__stop t-slider__mark-stop"
                 style="top: calc(20% - 1px);"
               />
-              <div
-                class="t-slider__stop t-slider__mark-stop"
-                style="top: calc(0% - 1px);"
-              />
             </div>
             <div
               class="t-slider__mark"
diff --git a/test/snap/__snapshots__/ssr.test.js.snap b/test/snap/__snapshots__/ssr.test.js.snap
index 2d9400219..c873218d4 100644
--- a/test/snap/__snapshots__/ssr.test.js.snap
+++ b/test/snap/__snapshots__/ssr.test.js.snap
@@ -278,25 +278,25 @@ exports[`ssr snapshot test > renders ./src/date-picker/_example/base.vue correct
 
 exports[`ssr snapshot test > renders ./src/date-picker/_example/custom-icon.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-date-picker\\"><div class=\\"t-input__wrap t-select-input--empty\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><span class=\\"t-input__prefix t-input__prefix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse\\"><path fill=\\"currentColor\\" d=\\"M10.88 8a2.88 2.88 0 11-5.76 0 2.88 2.88 0 015.76 0zm-1 0a1.88 1.88 0 10-3.76 0 1.88 1.88 0 003.76 0z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M1.12 8.23A7.72 7.72 0 008 12.5c2.9 0 5.54-1.63 6.88-4.27L15 8l-.12-.23A7.73 7.73 0 008 3.5a7.74 7.74 0 00-6.88 4.27L1 8l.12.23zM8 11.5A6.73 6.73 0 012.11 8 6.73 6.73 0 0113.9 8 6.74 6.74 0 018 11.5z\\" fill-opacity=\\"0.9\\"></path></svg></span><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择日期\\" type=\\"text\\" unselectable=\\"on\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-lock-on\\"><path fill=\\"currentColor\\" d=\\"M6 10v1h4v-1H6z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M4.5 5v1H3a.5.5 0 00-.5.5v7c0 .28.22.5.5.5h10a.5.5 0 00.5-.5v-7A.5.5 0 0013 6h-1.5V5a3.5 3.5 0 00-7 0zm6 1h-5V5a2.5 2.5 0 015 0v1zm-7 1h9v6h-9V7z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/date-picker/_example/date-presets-alt.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-date-range-picker\\"><div class=\\"t-range-input-popup\\"><div class=\\"t-range-input\\"><div class=\\"t-range-input__inner\\"><div class=\\"t-input__wrap t-range-input__inner-left\\"><div class=\\"t-input t-size-m t-is-readonly\\"><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择日期\\" type=\\"text\\" unselectable=\\"on\\" value=\\"2022-01-01\\" class=\\"t-input__inner\\"></div></div><div class=\\"t-range-input__inner-separator\\"></div><div class=\\"t-input__wrap t-range-input__inner-right\\"><div class=\\"t-input t-size-m t-is-readonly\\"><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择日期\\" type=\\"text\\" unselectable=\\"on\\" value=\\"2022-08-08\\" class=\\"t-input__inner\\"></div></div><span class=\\"t-range-input__suffix t-range-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-calendar\\"><path fill=\\"currentColor\\" d=\\"M10 3H6V1.5H5V3H3a1 1 0 00-1 1v9a1 1 0 001 1h10a1 1 0 001-1V4a1 1 0 00-1-1h-2V1.5h-1V3zM5 5h1V4h4v1h1V4h2v2H3V4h2v1zM3 7h10v6H3V7z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-date-range-picker\\"><div class=\\"t-range-input-popup\\"><div class=\\"t-range-input\\"><div class=\\"t-range-input__inner\\"><div class=\\"t-input__wrap t-range-input__inner-left\\"><div class=\\"t-input t-size-m t-is-readonly\\"><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择日期\\" type=\\"text\\" unselectable=\\"on\\" value=\\"2022-01-01 00:00:00\\" class=\\"t-input__inner\\"></div></div><div class=\\"t-range-input__inner-separator\\"></div><div class=\\"t-input__wrap t-range-input__inner-right\\"><div class=\\"t-input t-size-m t-is-readonly\\"><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择日期\\" type=\\"text\\" unselectable=\\"on\\" value=\\"2022-08-08 23:59:59\\" class=\\"t-input__inner\\"></div></div><span class=\\"t-range-input__suffix t-range-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-calendar\\"><path fill=\\"currentColor\\" d=\\"M10 3H6V1.5H5V3H3a1 1 0 00-1 1v9a1 1 0 001 1h10a1 1 0 001-1V4a1 1 0 00-1-1h-2V1.5h-1V3zM5 5h1V4h4v1h1V4h2v2H3V4h2v1zM3 7h10v6H3V7z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/date-picker/_example/date-presets-alt.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-date-range-picker\\"><div class=\\"t-range-input-popup\\"><div class=\\"t-range-input\\"><div class=\\"t-range-input__inner\\"><div class=\\"t-input__wrap t-range-input__inner-left\\"><div class=\\"t-input t-size-m t-is-readonly\\"><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择日期\\" type=\\"text\\" unselectable=\\"on\\" value=\\"2022-01-01\\" class=\\"t-input__inner\\"></div></div><div class=\\"t-range-input__inner-separator\\"> - </div><div class=\\"t-input__wrap t-range-input__inner-right\\"><div class=\\"t-input t-size-m t-is-readonly\\"><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择日期\\" type=\\"text\\" unselectable=\\"on\\" value=\\"2022-08-08\\" class=\\"t-input__inner\\"></div></div><span class=\\"t-range-input__suffix t-range-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-calendar\\"><path fill=\\"currentColor\\" d=\\"M10 3H6V1.5H5V3H3a1 1 0 00-1 1v9a1 1 0 001 1h10a1 1 0 001-1V4a1 1 0 00-1-1h-2V1.5h-1V3zM5 5h1V4h4v1h1V4h2v2H3V4h2v1zM3 7h10v6H3V7z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-date-range-picker\\"><div class=\\"t-range-input-popup\\"><div class=\\"t-range-input\\"><div class=\\"t-range-input__inner\\"><div class=\\"t-input__wrap t-range-input__inner-left\\"><div class=\\"t-input t-size-m t-is-readonly\\"><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择日期\\" type=\\"text\\" unselectable=\\"on\\" value=\\"2022-01-01 00:00:00\\" class=\\"t-input__inner\\"></div></div><div class=\\"t-range-input__inner-separator\\"> - </div><div class=\\"t-input__wrap t-range-input__inner-right\\"><div class=\\"t-input t-size-m t-is-readonly\\"><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择日期\\" type=\\"text\\" unselectable=\\"on\\" value=\\"2022-08-08 23:59:59\\" class=\\"t-input__inner\\"></div></div><span class=\\"t-range-input__suffix t-range-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-calendar\\"><path fill=\\"currentColor\\" d=\\"M10 3H6V1.5H5V3H3a1 1 0 00-1 1v9a1 1 0 001 1h10a1 1 0 001-1V4a1 1 0 00-1-1h-2V1.5h-1V3zM5 5h1V4h4v1h1V4h2v2H3V4h2v1zM3 7h10v6H3V7z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/date-picker/_example/date-range.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-date-range-picker\\"><div class=\\"t-range-input-popup\\"><div class=\\"t-range-input\\"><div class=\\"t-range-input__inner\\"><div class=\\"t-input__wrap t-range-input__inner-left\\"><div class=\\"t-input t-size-m\\"><input autocomplete=\\"\\" placeholder=\\"请选择日期\\" type=\\"text\\" unselectable=\\"off\\" class=\\"t-input__inner\\"></div></div><div class=\\"t-range-input__inner-separator\\"></div><div class=\\"t-input__wrap t-range-input__inner-right\\"><div class=\\"t-input t-size-m\\"><input autocomplete=\\"\\" placeholder=\\"请选择日期\\" type=\\"text\\" unselectable=\\"off\\" class=\\"t-input__inner\\"></div></div><span class=\\"t-range-input__suffix t-range-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-calendar\\"><path fill=\\"currentColor\\" d=\\"M10 3H6V1.5H5V3H3a1 1 0 00-1 1v9a1 1 0 001 1h10a1 1 0 001-1V4a1 1 0 00-1-1h-2V1.5h-1V3zM5 5h1V4h4v1h1V4h2v2H3V4h2v1zM3 7h10v6H3V7z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-date-range-picker\\"><div class=\\"t-range-input-popup\\"><div class=\\"t-range-input\\"><div class=\\"t-range-input__inner\\"><div class=\\"t-input__wrap t-range-input__inner-left\\"><div class=\\"t-input t-size-m\\"><input autocomplete=\\"\\" placeholder=\\"请选择日期\\" type=\\"text\\" unselectable=\\"off\\" class=\\"t-input__inner\\"></div></div><div class=\\"t-range-input__inner-separator\\"></div><div class=\\"t-input__wrap t-range-input__inner-right\\"><div class=\\"t-input t-size-m\\"><input autocomplete=\\"\\" placeholder=\\"请选择日期\\" type=\\"text\\" unselectable=\\"off\\" class=\\"t-input__inner\\"></div></div><span class=\\"t-range-input__suffix t-range-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-calendar\\"><path fill=\\"currentColor\\" d=\\"M10 3H6V1.5H5V3H3a1 1 0 00-1 1v9a1 1 0 001 1h10a1 1 0 001-1V4a1 1 0 00-1-1h-2V1.5h-1V3zM5 5h1V4h4v1h1V4h2v2H3V4h2v1zM3 7h10v6H3V7z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/date-picker/_example/date-range.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-date-range-picker\\"><div class=\\"t-range-input-popup\\"><div class=\\"t-range-input\\"><div class=\\"t-range-input__inner\\"><div class=\\"t-input__wrap t-range-input__inner-left\\"><div class=\\"t-input t-size-m\\"><input autocomplete=\\"\\" placeholder=\\"请选择日期\\" type=\\"text\\" unselectable=\\"off\\" class=\\"t-input__inner\\"></div></div><div class=\\"t-range-input__inner-separator\\"> - </div><div class=\\"t-input__wrap t-range-input__inner-right\\"><div class=\\"t-input t-size-m\\"><input autocomplete=\\"\\" placeholder=\\"请选择日期\\" type=\\"text\\" unselectable=\\"off\\" class=\\"t-input__inner\\"></div></div><span class=\\"t-range-input__suffix t-range-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-calendar\\"><path fill=\\"currentColor\\" d=\\"M10 3H6V1.5H5V3H3a1 1 0 00-1 1v9a1 1 0 001 1h10a1 1 0 001-1V4a1 1 0 00-1-1h-2V1.5h-1V3zM5 5h1V4h4v1h1V4h2v2H3V4h2v1zM3 7h10v6H3V7z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-date-range-picker\\"><div class=\\"t-range-input-popup\\"><div class=\\"t-range-input\\"><div class=\\"t-range-input__inner\\"><div class=\\"t-input__wrap t-range-input__inner-left\\"><div class=\\"t-input t-size-m\\"><input autocomplete=\\"\\" placeholder=\\"请选择日期\\" type=\\"text\\" unselectable=\\"off\\" class=\\"t-input__inner\\"></div></div><div class=\\"t-range-input__inner-separator\\"> - </div><div class=\\"t-input__wrap t-range-input__inner-right\\"><div class=\\"t-input t-size-m\\"><input autocomplete=\\"\\" placeholder=\\"请选择日期\\" type=\\"text\\" unselectable=\\"off\\" class=\\"t-input__inner\\"></div></div><span class=\\"t-range-input__suffix t-range-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-calendar\\"><path fill=\\"currentColor\\" d=\\"M10 3H6V1.5H5V3H3a1 1 0 00-1 1v9a1 1 0 001 1h10a1 1 0 001-1V4a1 1 0 00-1-1h-2V1.5h-1V3zM5 5h1V4h4v1h1V4h2v2H3V4h2v1zM3 7h10v6H3V7z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/date-picker/_example/date-time.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-date-picker\\"><div class=\\"t-input__wrap t-select-input--empty\\"><div class=\\"t-input t-size-m t-is-default t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input autocomplete=\\"\\" placeholder=\\"请选择日期\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-calendar\\"><path fill=\\"currentColor\\" d=\\"M10 3H6V1.5H5V3H3a1 1 0 00-1 1v9a1 1 0 001 1h10a1 1 0 001-1V4a1 1 0 00-1-1h-2V1.5h-1V3zM5 5h1V4h4v1h1V4h2v2H3V4h2v1zM3 7h10v6H3V7z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-date-picker\\"><div class=\\"t-input__wrap t-select-input--empty\\"><div class=\\"t-input t-size-m t-is-default t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input autocomplete=\\"\\" placeholder=\\"请选择日期\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-calendar\\"><path fill=\\"currentColor\\" d=\\"M10 3H6V1.5H5V3H3a1 1 0 00-1 1v9a1 1 0 001 1h10a1 1 0 001-1V4a1 1 0 00-1-1h-2V1.5h-1V3zM5 5h1V4h4v1h1V4h2v2H3V4h2v1zM3 7h10v6H3V7z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/date-picker/_example/disable-date.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-date-picker\\"><div class=\\"t-input__wrap t-select-input--empty\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"禁用昨天、前天\\" type=\\"text\\" unselectable=\\"on\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-calendar\\"><path fill=\\"currentColor\\" d=\\"M10 3H6V1.5H5V3H3a1 1 0 00-1 1v9a1 1 0 001 1h10a1 1 0 001-1V4a1 1 0 00-1-1h-2V1.5h-1V3zM5 5h1V4h4v1h1V4h2v2H3V4h2v1zM3 7h10v6H3V7z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-date-picker\\"><div class=\\"t-input__wrap t-select-input--empty\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"明后三天禁用\\" type=\\"text\\" unselectable=\\"on\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-calendar\\"><path fill=\\"currentColor\\" d=\\"M10 3H6V1.5H5V3H3a1 1 0 00-1 1v9a1 1 0 001 1h10a1 1 0 001-1V4a1 1 0 00-1-1h-2V1.5h-1V3zM5 5h1V4h4v1h1V4h2v2H3V4h2v1zM3 7h10v6H3V7z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-date-picker\\"><div class=\\"t-input__wrap t-select-input--empty\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"禁用所有周六\\" type=\\"text\\" unselectable=\\"on\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-calendar\\"><path fill=\\"currentColor\\" d=\\"M10 3H6V1.5H5V3H3a1 1 0 00-1 1v9a1 1 0 001 1h10a1 1 0 001-1V4a1 1 0 00-1-1h-2V1.5h-1V3zM5 5h1V4h4v1h1V4h2v2H3V4h2v1zM3 7h10v6H3V7z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-date-picker\\"><div class=\\"t-input__wrap t-select-input--empty\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"禁用最近 3 天外的日期\\" type=\\"text\\" unselectable=\\"on\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-calendar\\"><path fill=\\"currentColor\\" d=\\"M10 3H6V1.5H5V3H3a1 1 0 00-1 1v9a1 1 0 001 1h10a1 1 0 001-1V4a1 1 0 00-1-1h-2V1.5h-1V3zM5 5h1V4h4v1h1V4h2v2H3V4h2v1zM3 7h10v6H3V7z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-date-picker\\"><div class=\\"t-input__wrap t-select-input--empty\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"禁用日期精确到时间\\" type=\\"text\\" unselectable=\\"on\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-calendar\\"><path fill=\\"currentColor\\" d=\\"M10 3H6V1.5H5V3H3a1 1 0 00-1 1v9a1 1 0 001 1h10a1 1 0 001-1V4a1 1 0 00-1-1h-2V1.5h-1V3zM5 5h1V4h4v1h1V4h2v2H3V4h2v1zM3 7h10v6H3V7z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-date-range-picker\\"><div class=\\"t-range-input-popup\\"><div class=\\"t-range-input\\"><div class=\\"t-range-input__inner\\"><div class=\\"t-input__wrap t-range-input__inner-left\\"><div class=\\"t-input t-size-m t-is-readonly\\"><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"禁用最近 5 天外的日期\\" type=\\"text\\" unselectable=\\"on\\" class=\\"t-input__inner\\"></div></div><div class=\\"t-range-input__inner-separator\\"></div><div class=\\"t-input__wrap t-range-input__inner-right\\"><div class=\\"t-input t-size-m t-is-readonly\\"><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"禁用最近 5 天外的日期\\" type=\\"text\\" unselectable=\\"on\\" class=\\"t-input__inner\\"></div></div><span class=\\"t-range-input__suffix t-range-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-calendar\\"><path fill=\\"currentColor\\" d=\\"M10 3H6V1.5H5V3H3a1 1 0 00-1 1v9a1 1 0 001 1h10a1 1 0 001-1V4a1 1 0 00-1-1h-2V1.5h-1V3zM5 5h1V4h4v1h1V4h2v2H3V4h2v1zM3 7h10v6H3V7z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/date-picker/_example/disable-date.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-date-picker\\"><div class=\\"t-input__wrap t-select-input--empty\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"禁用昨天、前天\\" type=\\"text\\" unselectable=\\"on\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-calendar\\"><path fill=\\"currentColor\\" d=\\"M10 3H6V1.5H5V3H3a1 1 0 00-1 1v9a1 1 0 001 1h10a1 1 0 001-1V4a1 1 0 00-1-1h-2V1.5h-1V3zM5 5h1V4h4v1h1V4h2v2H3V4h2v1zM3 7h10v6H3V7z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-date-picker\\"><div class=\\"t-input__wrap t-select-input--empty\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"明后三天禁用\\" type=\\"text\\" unselectable=\\"on\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-calendar\\"><path fill=\\"currentColor\\" d=\\"M10 3H6V1.5H5V3H3a1 1 0 00-1 1v9a1 1 0 001 1h10a1 1 0 001-1V4a1 1 0 00-1-1h-2V1.5h-1V3zM5 5h1V4h4v1h1V4h2v2H3V4h2v1zM3 7h10v6H3V7z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-date-picker\\"><div class=\\"t-input__wrap t-select-input--empty\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"禁用所有周六\\" type=\\"text\\" unselectable=\\"on\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-calendar\\"><path fill=\\"currentColor\\" d=\\"M10 3H6V1.5H5V3H3a1 1 0 00-1 1v9a1 1 0 001 1h10a1 1 0 001-1V4a1 1 0 00-1-1h-2V1.5h-1V3zM5 5h1V4h4v1h1V4h2v2H3V4h2v1zM3 7h10v6H3V7z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-date-picker\\"><div class=\\"t-input__wrap t-select-input--empty\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"禁用最近 3 天外的日期\\" type=\\"text\\" unselectable=\\"on\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-calendar\\"><path fill=\\"currentColor\\" d=\\"M10 3H6V1.5H5V3H3a1 1 0 00-1 1v9a1 1 0 001 1h10a1 1 0 001-1V4a1 1 0 00-1-1h-2V1.5h-1V3zM5 5h1V4h4v1h1V4h2v2H3V4h2v1zM3 7h10v6H3V7z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-date-picker\\"><div class=\\"t-input__wrap t-select-input--empty\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"禁用日期精确到时间\\" type=\\"text\\" unselectable=\\"on\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-calendar\\"><path fill=\\"currentColor\\" d=\\"M10 3H6V1.5H5V3H3a1 1 0 00-1 1v9a1 1 0 001 1h10a1 1 0 001-1V4a1 1 0 00-1-1h-2V1.5h-1V3zM5 5h1V4h4v1h1V4h2v2H3V4h2v1zM3 7h10v6H3V7z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-date-range-picker\\"><div class=\\"t-range-input-popup\\"><div class=\\"t-range-input\\"><div class=\\"t-range-input__inner\\"><div class=\\"t-input__wrap t-range-input__inner-left\\"><div class=\\"t-input t-size-m t-is-readonly\\"><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"禁用最近 5 天外的日期\\" type=\\"text\\" unselectable=\\"on\\" class=\\"t-input__inner\\"></div></div><div class=\\"t-range-input__inner-separator\\"> - </div><div class=\\"t-input__wrap t-range-input__inner-right\\"><div class=\\"t-input t-size-m t-is-readonly\\"><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"禁用最近 5 天外的日期\\" type=\\"text\\" unselectable=\\"on\\" class=\\"t-input__inner\\"></div></div><span class=\\"t-range-input__suffix t-range-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-calendar\\"><path fill=\\"currentColor\\" d=\\"M10 3H6V1.5H5V3H3a1 1 0 00-1 1v9a1 1 0 001 1h10a1 1 0 001-1V4a1 1 0 00-1-1h-2V1.5h-1V3zM5 5h1V4h4v1h1V4h2v2H3V4h2v1zM3 7h10v6H3V7z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/date-picker/_example/first-day-of-week.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-radio-group t-size-m t-radio-group--filled\\"><label class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" checked=\\"checked\\" value=\\"1\\" name=\\"\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">1</span></label><label class=\\"t-radio-button\\"><input type=\\"radio\\" value=\\"2\\" name=\\"\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">2</span></label><label class=\\"t-radio-button\\"><input type=\\"radio\\" value=\\"3\\" name=\\"\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">3</span></label><label class=\\"t-radio-button\\"><input type=\\"radio\\" value=\\"4\\" name=\\"\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">4</span></label><label class=\\"t-radio-button\\"><input type=\\"radio\\" value=\\"5\\" name=\\"\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">5</span></label><label class=\\"t-radio-button\\"><input type=\\"radio\\" value=\\"6\\" name=\\"\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">6</span></label><label class=\\"t-radio-button\\"><input type=\\"radio\\" value=\\"7\\" name=\\"\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">7</span></label><div class=\\"t-radio-group__bg-block\\" style=\\"width:0px;left:0px;\\"></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-date-picker\\"><div class=\\"t-input__wrap t-select-input--empty\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择日期\\" type=\\"text\\" unselectable=\\"on\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-calendar\\"><path fill=\\"currentColor\\" d=\\"M10 3H6V1.5H5V3H3a1 1 0 00-1 1v9a1 1 0 001 1h10a1 1 0 001-1V4a1 1 0 00-1-1h-2V1.5h-1V3zM5 5h1V4h4v1h1V4h2v2H3V4h2v1zM3 7h10v6H3V7z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/date-picker/_example/month.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-date-picker\\"><div class=\\"t-input__wrap t-select-input--empty\\"><div class=\\"t-input t-size-m t-is-default t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input autocomplete=\\"\\" placeholder=\\"请选择月份\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-calendar\\"><path fill=\\"currentColor\\" d=\\"M10 3H6V1.5H5V3H3a1 1 0 00-1 1v9a1 1 0 001 1h10a1 1 0 001-1V4a1 1 0 00-1-1h-2V1.5h-1V3zM5 5h1V4h4v1h1V4h2v2H3V4h2v1zM3 7h10v6H3V7z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-date-range-picker\\"><div class=\\"t-range-input-popup\\"><div class=\\"t-range-input\\"><div class=\\"t-range-input__inner\\"><div class=\\"t-input__wrap t-range-input__inner-left\\"><div class=\\"t-input t-size-m\\"><input autocomplete=\\"\\" placeholder=\\"请选择月份\\" type=\\"text\\" unselectable=\\"off\\" class=\\"t-input__inner\\"></div></div><div class=\\"t-range-input__inner-separator\\"></div><div class=\\"t-input__wrap t-range-input__inner-right\\"><div class=\\"t-input t-size-m\\"><input autocomplete=\\"\\" placeholder=\\"请选择月份\\" type=\\"text\\" unselectable=\\"off\\" class=\\"t-input__inner\\"></div></div><span class=\\"t-range-input__suffix t-range-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-calendar\\"><path fill=\\"currentColor\\" d=\\"M10 3H6V1.5H5V3H3a1 1 0 00-1 1v9a1 1 0 001 1h10a1 1 0 001-1V4a1 1 0 00-1-1h-2V1.5h-1V3zM5 5h1V4h4v1h1V4h2v2H3V4h2v1zM3 7h10v6H3V7z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/date-picker/_example/month.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-date-picker\\"><div class=\\"t-input__wrap t-select-input--empty\\"><div class=\\"t-input t-size-m t-is-default t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input autocomplete=\\"\\" placeholder=\\"请选择月份\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-calendar\\"><path fill=\\"currentColor\\" d=\\"M10 3H6V1.5H5V3H3a1 1 0 00-1 1v9a1 1 0 001 1h10a1 1 0 001-1V4a1 1 0 00-1-1h-2V1.5h-1V3zM5 5h1V4h4v1h1V4h2v2H3V4h2v1zM3 7h10v6H3V7z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-date-range-picker\\"><div class=\\"t-range-input-popup\\"><div class=\\"t-range-input\\"><div class=\\"t-range-input__inner\\"><div class=\\"t-input__wrap t-range-input__inner-left\\"><div class=\\"t-input t-size-m\\"><input autocomplete=\\"\\" placeholder=\\"请选择月份\\" type=\\"text\\" unselectable=\\"off\\" class=\\"t-input__inner\\"></div></div><div class=\\"t-range-input__inner-separator\\"> - </div><div class=\\"t-input__wrap t-range-input__inner-right\\"><div class=\\"t-input t-size-m\\"><input autocomplete=\\"\\" placeholder=\\"请选择月份\\" type=\\"text\\" unselectable=\\"off\\" class=\\"t-input__inner\\"></div></div><span class=\\"t-range-input__suffix t-range-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-calendar\\"><path fill=\\"currentColor\\" d=\\"M10 3H6V1.5H5V3H3a1 1 0 00-1 1v9a1 1 0 001 1h10a1 1 0 001-1V4a1 1 0 00-1-1h-2V1.5h-1V3zM5 5h1V4h4v1h1V4h2v2H3V4h2v1zM3 7h10v6H3V7z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/date-picker/_example/quarter.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"date-picker-panel-border\\"><div class=\\"t-date-picker__panel\\"><div class=\\"t-date-picker__panel-content\\"><div class=\\"t-date-picker__panel-date\\"><div class=\\"t-date-picker__header\\"><div class=\\"t-date-picker__header-controller\\"><div class=\\"t-select__wrap t-date-picker__header-controller-month\\"><div class=\\"t-input__wrap t-select\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"12 月\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-select__right-icon\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div><div class=\\"t-select__wrap t-date-picker__header-controller-year\\"><div class=\\"t-input__wrap t-select\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"2021\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-select__right-icon\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div><div class=\\"t-jumper\\"><button type=\\"button\\" title=\\"上个月\\" class=\\"t-button t-size-s t-button--variant-text t-button--theme-default t-button--shape-square t-jumper__prev\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-left\\"><path fill=\\"currentColor\\" d=\\"M9.54 3.54l.92.92L6.92 8l3.54 3.54-.92.92L5.08 8l4.46-4.46z\\" fill-opacity=\\"0.9\\"></path></svg></button><button type=\\"button\\" title=\\"当前\\" class=\\"t-button t-size-s t-button--variant-text t-button--theme-default t-button--shape-square t-jumper__current\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-round\\"><path fill=\\"currentColor\\" d=\\"M8 11.5a3.5 3.5 0 110-7 3.5 3.5 0 010 7zM8 13A5 5 0 108 3a5 5 0 000 10z\\" fill-opacity=\\"0.9\\"></path></svg></button><button type=\\"button\\" title=\\"下个月\\" class=\\"t-button t-size-s t-button--variant-text t-button--theme-default t-button--shape-square t-jumper__next\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><path fill=\\"currentColor\\" d=\\"M6.46 12.46l-.92-.92L9.08 8 5.54 4.46l.92-.92L10.92 8l-4.46 4.46z\\" fill-opacity=\\"0.9\\"></path></svg></button></div></div><div class=\\"t-date-picker__table\\"><table><thead><tr><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</th></tr></thead><tbody><tr class=\\"t-date-picker__table-date-row\\"><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">29</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">30</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--first-day-of-month\\"><div class=\\"t-date-picker__cell-inner\\">1</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">2</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">3</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">4</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">5</div></td></tr><tr class=\\"t-date-picker__table-date-row\\"><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">6</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">7</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">8</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">9</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">10</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">11</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">12</div></td></tr><tr class=\\"t-date-picker__table-date-row\\"><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">13</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">14</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">15</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">16</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">17</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">18</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">19</div></td></tr><tr class=\\"t-date-picker__table-date-row\\"><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">20</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">21</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">22</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">23</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">24</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">25</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">26</div></td></tr><tr class=\\"t-date-picker__table-date-row\\"><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">27</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">28</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">29</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">30</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--now t-date-picker__cell--last-day-of-month\\"><div class=\\"t-date-picker__cell-inner\\">31</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">1</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">2</div></td></tr><tr class=\\"t-date-picker__table-date-row\\"><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">3</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">4</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">5</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">6</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">7</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">8</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">9</div></td></tr></tbody></table></div></div></div><!----></div></div></div><div class=\\"t-space-item\\"><div class=\\"date-picker-panel-border\\"><div class=\\"t-date-picker__panel\\"><div class=\\"t-date-picker__panel-content\\"><div class=\\"t-date-picker__panel-date\\"><div class=\\"t-date-picker__header\\"><div class=\\"t-date-picker__header-controller\\"><div class=\\"t-select__wrap t-date-picker__header-controller-month\\"><div class=\\"t-input__wrap t-select\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"12 月\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-select__right-icon\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div><div class=\\"t-select__wrap t-date-picker__header-controller-year\\"><div class=\\"t-input__wrap t-select\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"2021\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-select__right-icon\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div><div class=\\"t-jumper\\"><button type=\\"button\\" title=\\"上个月\\" class=\\"t-button t-size-s t-button--variant-text t-button--theme-default t-button--shape-square t-jumper__prev\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-left\\"><path fill=\\"currentColor\\" d=\\"M9.54 3.54l.92.92L6.92 8l3.54 3.54-.92.92L5.08 8l4.46-4.46z\\" fill-opacity=\\"0.9\\"></path></svg></button><button type=\\"button\\" title=\\"当前\\" class=\\"t-button t-size-s t-button--variant-text t-button--theme-default t-button--shape-square t-jumper__current\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-round\\"><path fill=\\"currentColor\\" d=\\"M8 11.5a3.5 3.5 0 110-7 3.5 3.5 0 010 7zM8 13A5 5 0 108 3a5 5 0 000 10z\\" fill-opacity=\\"0.9\\"></path></svg></button><button type=\\"button\\" title=\\"下个月\\" class=\\"t-button t-size-s t-button--variant-text t-button--theme-default t-button--shape-square t-jumper__next\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><path fill=\\"currentColor\\" d=\\"M6.46 12.46l-.92-.92L9.08 8 5.54 4.46l.92-.92L10.92 8l-4.46 4.46z\\" fill-opacity=\\"0.9\\"></path></svg></button></div></div><div class=\\"t-date-picker__table\\"><table><thead><tr><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</th></tr></thead><tbody><tr class=\\"t-date-picker__table-date-row\\"><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">29</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">30</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--first-day-of-month\\"><div class=\\"t-date-picker__cell-inner\\">1</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">2</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">3</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">4</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">5</div></td></tr><tr class=\\"t-date-picker__table-date-row\\"><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">6</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">7</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">8</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">9</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">10</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">11</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">12</div></td></tr><tr class=\\"t-date-picker__table-date-row\\"><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">13</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">14</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">15</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">16</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">17</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">18</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">19</div></td></tr><tr class=\\"t-date-picker__table-date-row\\"><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">20</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">21</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">22</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">23</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">24</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">25</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">26</div></td></tr><tr class=\\"t-date-picker__table-date-row\\"><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">27</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">28</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">29</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">30</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--now t-date-picker__cell--last-day-of-month\\"><div class=\\"t-date-picker__cell-inner\\">31</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">1</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">2</div></td></tr><tr class=\\"t-date-picker__table-date-row\\"><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">3</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">4</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">5</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">6</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">7</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">8</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">9</div></td></tr></tbody></table></div></div><div class=\\"t-date-picker__panel-time\\"><div class=\\"t-date-picker__panel-time-viewer\\">00:00:00</div><div class=\\"t-time-picker__panel\\"><div class=\\"t-time-picker__panel-section-body\\"><div class=\\"t-time-picker__panel-body\\"><div class=\\"t-time-picker__panel-body-active-mask\\"></div></div></div></div></div></div><div class=\\"t-date-picker__footer t-date-picker__footer--bottom\\"><div class=\\"t-date-picker__presets\\"></div><button type=\\"button\\" disabled=\\"disabled\\" class=\\"t-button t-size-s t-button--variant-base t-button--theme-primary t-is-disabled\\"><span class=\\"t-button__text\\">确定</span></button></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"date-picker-panel-border\\"><div class=\\"t-date-range-picker__panel\\"><div class=\\"t-date-range-picker__panel-content-wrapper\\"><div class=\\"t-date-picker__panel-content\\"><div class=\\"t-date-picker__panel-date\\"><div class=\\"t-date-picker__header\\"><div class=\\"t-date-picker__header-controller\\"><div class=\\"t-select__wrap t-date-picker__header-controller-month\\"><div class=\\"t-input__wrap t-select\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"2 月\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-select__right-icon\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div><div class=\\"t-select__wrap t-date-picker__header-controller-year\\"><div class=\\"t-input__wrap t-select\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"2022\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-select__right-icon\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div><div class=\\"t-jumper\\"><button type=\\"button\\" title=\\"上个月\\" class=\\"t-button t-size-s t-button--variant-text t-button--theme-default t-button--shape-square t-jumper__prev\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-left\\"><path fill=\\"currentColor\\" d=\\"M9.54 3.54l.92.92L6.92 8l3.54 3.54-.92.92L5.08 8l4.46-4.46z\\" fill-opacity=\\"0.9\\"></path></svg></button><button type=\\"button\\" title=\\"当前\\" class=\\"t-button t-size-s t-button--variant-text t-button--theme-default t-button--shape-square t-jumper__current\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-round\\"><path fill=\\"currentColor\\" d=\\"M8 11.5a3.5 3.5 0 110-7 3.5 3.5 0 010 7zM8 13A5 5 0 108 3a5 5 0 000 10z\\" fill-opacity=\\"0.9\\"></path></svg></button><button type=\\"button\\" title=\\"下个月\\" class=\\"t-button t-size-s t-button--variant-text t-button--theme-default t-button--shape-square t-jumper__next\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><path fill=\\"currentColor\\" d=\\"M6.46 12.46l-.92-.92L9.08 8 5.54 4.46l.92-.92L10.92 8l-4.46 4.46z\\" fill-opacity=\\"0.9\\"></path></svg></button></div></div><div class=\\"t-date-picker__table\\"><table><thead><tr><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</th></tr></thead><tbody><tr class=\\"t-date-picker__table-date-row\\"><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">31</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--first-day-of-month\\"><div class=\\"t-date-picker__cell-inner\\">1</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">2</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">3</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">4</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">5</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">6</div></td></tr><tr class=\\"t-date-picker__table-date-row\\"><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">7</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">8</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">9</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">10</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">11</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">12</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">13</div></td></tr><tr class=\\"t-date-picker__table-date-row\\"><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">14</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">15</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--active t-date-picker__cell--highlight t-date-picker__cell--active-start\\"><div class=\\"t-date-picker__cell-inner\\">16</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--highlight\\"><div class=\\"t-date-picker__cell-inner\\">17</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--highlight\\"><div class=\\"t-date-picker__cell-inner\\">18</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--highlight\\"><div class=\\"t-date-picker__cell-inner\\">19</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--highlight\\"><div class=\\"t-date-picker__cell-inner\\">20</div></td></tr><tr class=\\"t-date-picker__table-date-row\\"><td class=\\"t-date-picker__cell t-date-picker__cell--active t-date-picker__cell--highlight t-date-picker__cell--active-end\\"><div class=\\"t-date-picker__cell-inner\\">21</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">22</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">23</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">24</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">25</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">26</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">27</div></td></tr><tr class=\\"t-date-picker__table-date-row\\"><td class=\\"t-date-picker__cell t-date-picker__cell--last-day-of-month\\"><div class=\\"t-date-picker__cell-inner\\">28</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">1</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">2</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">3</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">4</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">5</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">6</div></td></tr><tr class=\\"t-date-picker__table-date-row\\"><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">7</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">8</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">9</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">10</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">11</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">12</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">13</div></td></tr></tbody></table></div></div></div><div class=\\"t-date-picker__panel-content\\"><div class=\\"t-date-picker__panel-date\\"><div class=\\"t-date-picker__header\\"><div class=\\"t-date-picker__header-controller\\"><div class=\\"t-select__wrap t-date-picker__header-controller-month\\"><div class=\\"t-input__wrap t-select\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"3 月\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-select__right-icon\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div><div class=\\"t-select__wrap t-date-picker__header-controller-year\\"><div class=\\"t-input__wrap t-select\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"2022\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-select__right-icon\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div><div class=\\"t-jumper\\"><button type=\\"button\\" title=\\"上个月\\" class=\\"t-button t-size-s t-button--variant-text t-button--theme-default t-button--shape-square t-jumper__prev\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-left\\"><path fill=\\"currentColor\\" d=\\"M9.54 3.54l.92.92L6.92 8l3.54 3.54-.92.92L5.08 8l4.46-4.46z\\" fill-opacity=\\"0.9\\"></path></svg></button><button type=\\"button\\" title=\\"当前\\" class=\\"t-button t-size-s t-button--variant-text t-button--theme-default t-button--shape-square t-jumper__current\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-round\\"><path fill=\\"currentColor\\" d=\\"M8 11.5a3.5 3.5 0 110-7 3.5 3.5 0 010 7zM8 13A5 5 0 108 3a5 5 0 000 10z\\" fill-opacity=\\"0.9\\"></path></svg></button><button type=\\"button\\" title=\\"下个月\\" class=\\"t-button t-size-s t-button--variant-text t-button--theme-default t-button--shape-square t-jumper__next\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><path fill=\\"currentColor\\" d=\\"M6.46 12.46l-.92-.92L9.08 8 5.54 4.46l.92-.92L10.92 8l-4.46 4.46z\\" fill-opacity=\\"0.9\\"></path></svg></button></div></div><div class=\\"t-date-picker__table\\"><table><thead><tr><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</th></tr></thead><tbody><tr class=\\"t-date-picker__table-date-row\\"><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">28</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--first-day-of-month\\"><div class=\\"t-date-picker__cell-inner\\">1</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">2</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">3</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">4</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">5</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">6</div></td></tr><tr class=\\"t-date-picker__table-date-row\\"><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">7</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">8</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">9</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">10</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">11</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">12</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">13</div></td></tr><tr class=\\"t-date-picker__table-date-row\\"><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">14</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">15</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">16</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">17</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">18</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">19</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">20</div></td></tr><tr class=\\"t-date-picker__table-date-row\\"><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">21</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">22</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">23</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">24</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">25</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">26</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">27</div></td></tr><tr class=\\"t-date-picker__table-date-row\\"><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">28</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">29</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">30</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--last-day-of-month\\"><div class=\\"t-date-picker__cell-inner\\">31</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">1</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">2</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">3</div></td></tr><tr class=\\"t-date-picker__table-date-row\\"><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">4</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">5</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">6</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">7</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">8</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">9</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">10</div></td></tr></tbody></table></div></div></div></div><!----></div></div></div><div class=\\"t-space-item\\"><div class=\\"date-picker-panel-border\\"><div class=\\"t-date-range-picker__panel\\"><div class=\\"t-date-range-picker__panel-content-wrapper\\"><div class=\\"t-date-picker__panel-content\\"><div class=\\"t-date-picker__panel-date\\"><div class=\\"t-date-picker__header\\"><div class=\\"t-date-picker__header-controller\\"><div class=\\"t-select__wrap t-date-picker__header-controller-month\\"><div class=\\"t-input__wrap t-select\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"12 月\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-select__right-icon\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div><div class=\\"t-select__wrap t-date-picker__header-controller-year\\"><div class=\\"t-input__wrap t-select\\"><div class=\\"t-input t-size-m t-is-default t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"2021\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-select__right-icon\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div><div class=\\"t-jumper\\"><button type=\\"button\\" title=\\"上个月\\" class=\\"t-button t-size-s t-button--variant-text t-button--theme-default t-button--shape-square t-jumper__prev\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-left\\"><path fill=\\"currentColor\\" d=\\"M9.54 3.54l.92.92L6.92 8l3.54 3.54-.92.92L5.08 8l4.46-4.46z\\" fill-opacity=\\"0.9\\"></path></svg></button><button type=\\"button\\" title=\\"当前\\" class=\\"t-button t-size-s t-button--variant-text t-button--theme-default t-button--shape-square t-jumper__current\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-round\\"><path fill=\\"currentColor\\" d=\\"M8 11.5a3.5 3.5 0 110-7 3.5 3.5 0 010 7zM8 13A5 5 0 108 3a5 5 0 000 10z\\" fill-opacity=\\"0.9\\"></path></svg></button><button type=\\"button\\" title=\\"下个月\\" class=\\"t-button t-size-s t-button--variant-text t-button--theme-default t-button--shape-square t-jumper__next\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><path fill=\\"currentColor\\" d=\\"M6.46 12.46l-.92-.92L9.08 8 5.54 4.46l.92-.92L10.92 8l-4.46 4.46z\\" fill-opacity=\\"0.9\\"></path></svg></button></div></div><div class=\\"t-date-picker__table\\"><table><thead><tr><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</th></tr></thead><tbody><tr class=\\"t-date-picker__table-date-row\\"><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">29</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">30</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--first-day-of-month\\"><div class=\\"t-date-picker__cell-inner\\">1</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">2</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">3</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">4</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">5</div></td></tr><tr class=\\"t-date-picker__table-date-row\\"><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">6</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">7</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">8</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">9</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">10</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">11</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">12</div></td></tr><tr class=\\"t-date-picker__table-date-row\\"><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">13</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">14</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">15</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">16</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">17</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">18</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">19</div></td></tr><tr class=\\"t-date-picker__table-date-row\\"><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">20</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">21</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">22</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">23</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">24</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">25</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">26</div></td></tr><tr class=\\"t-date-picker__table-date-row\\"><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">27</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">28</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">29</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">30</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--now t-date-picker__cell--last-day-of-month\\"><div class=\\"t-date-picker__cell-inner\\">31</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">1</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">2</div></td></tr><tr class=\\"t-date-picker__table-date-row\\"><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">3</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">4</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">5</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">6</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">7</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">8</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">9</div></td></tr></tbody></table></div></div><div class=\\"t-date-picker__panel-time\\"><div class=\\"t-date-picker__panel-time-viewer\\">00:00:00</div><div class=\\"t-time-picker__panel\\"><div class=\\"t-time-picker__panel-section-body\\"><div class=\\"t-time-picker__panel-body\\"><div class=\\"t-time-picker__panel-body-active-mask\\"></div></div></div></div></div></div></div><div class=\\"t-date-picker__footer t-date-picker__footer--bottom\\"><div class=\\"t-date-picker__presets\\"></div><button type=\\"button\\" disabled=\\"disabled\\" class=\\"t-button t-size-s t-button--variant-base t-button--theme-primary t-is-disabled\\"><span class=\\"t-button__text\\">确定</span></button></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/date-picker/_example/quarter.vue correctly 2`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-date-picker\\"><div class=\\"t-input__wrap t-select-input--empty\\"><div class=\\"t-input t-size-m t-is-default t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-calendar\\"><path fill=\\"currentColor\\" d=\\"M10 3H6V1.5H5V3H3a1 1 0 00-1 1v9a1 1 0 001 1h10a1 1 0 001-1V4a1 1 0 00-1-1h-2V1.5h-1V3zM5 5h1V4h4v1h1V4h2v2H3V4h2v1zM3 7h10v6H3V7z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-date-range-picker\\"><div class=\\"t-range-input-popup\\"><div class=\\"t-range-input\\"><div class=\\"t-range-input__inner\\"><div class=\\"t-input__wrap t-range-input__inner-left\\"><div class=\\"t-input t-size-m\\"><input autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" class=\\"t-input__inner\\"></div></div><div class=\\"t-range-input__inner-separator\\"></div><div class=\\"t-input__wrap t-range-input__inner-right\\"><div class=\\"t-input t-size-m\\"><input autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" class=\\"t-input__inner\\"></div></div><span class=\\"t-range-input__suffix t-range-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-calendar\\"><path fill=\\"currentColor\\" d=\\"M10 3H6V1.5H5V3H3a1 1 0 00-1 1v9a1 1 0 001 1h10a1 1 0 001-1V4a1 1 0 00-1-1h-2V1.5h-1V3zM5 5h1V4h4v1h1V4h2v2H3V4h2v1zM3 7h10v6H3V7z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/date-picker/_example/quarter.vue correctly 2`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-date-picker\\"><div class=\\"t-input__wrap t-select-input--empty\\"><div class=\\"t-input t-size-m t-is-default t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-calendar\\"><path fill=\\"currentColor\\" d=\\"M10 3H6V1.5H5V3H3a1 1 0 00-1 1v9a1 1 0 001 1h10a1 1 0 001-1V4a1 1 0 00-1-1h-2V1.5h-1V3zM5 5h1V4h4v1h1V4h2v2H3V4h2v1zM3 7h10v6H3V7z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-date-range-picker\\"><div class=\\"t-range-input-popup\\"><div class=\\"t-range-input\\"><div class=\\"t-range-input__inner\\"><div class=\\"t-input__wrap t-range-input__inner-left\\"><div class=\\"t-input t-size-m\\"><input autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" class=\\"t-input__inner\\"></div></div><div class=\\"t-range-input__inner-separator\\"> - </div><div class=\\"t-input__wrap t-range-input__inner-right\\"><div class=\\"t-input t-size-m\\"><input autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" class=\\"t-input__inner\\"></div></div><span class=\\"t-range-input__suffix t-range-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-calendar\\"><path fill=\\"currentColor\\" d=\\"M10 3H6V1.5H5V3H3a1 1 0 00-1 1v9a1 1 0 001 1h10a1 1 0 001-1V4a1 1 0 00-1-1h-2V1.5h-1V3zM5 5h1V4h4v1h1V4h2v2H3V4h2v1zM3 7h10v6H3V7z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/date-picker/_example/week.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-date-picker\\"><div class=\\"t-input__wrap t-select-input--empty\\"><div class=\\"t-input t-size-m t-is-default t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-calendar\\"><path fill=\\"currentColor\\" d=\\"M10 3H6V1.5H5V3H3a1 1 0 00-1 1v9a1 1 0 001 1h10a1 1 0 001-1V4a1 1 0 00-1-1h-2V1.5h-1V3zM5 5h1V4h4v1h1V4h2v2H3V4h2v1zM3 7h10v6H3V7z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-date-range-picker\\"><div class=\\"t-range-input-popup\\"><div class=\\"t-range-input\\"><div class=\\"t-range-input__inner\\"><div class=\\"t-input__wrap t-range-input__inner-left\\"><div class=\\"t-input t-size-m\\"><input autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" class=\\"t-input__inner\\"></div></div><div class=\\"t-range-input__inner-separator\\"></div><div class=\\"t-input__wrap t-range-input__inner-right\\"><div class=\\"t-input t-size-m\\"><input autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" class=\\"t-input__inner\\"></div></div><span class=\\"t-range-input__suffix t-range-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-calendar\\"><path fill=\\"currentColor\\" d=\\"M10 3H6V1.5H5V3H3a1 1 0 00-1 1v9a1 1 0 001 1h10a1 1 0 001-1V4a1 1 0 00-1-1h-2V1.5h-1V3zM5 5h1V4h4v1h1V4h2v2H3V4h2v1zM3 7h10v6H3V7z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/date-picker/_example/week.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-date-picker\\"><div class=\\"t-input__wrap t-select-input--empty\\"><div class=\\"t-input t-size-m t-is-default t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-calendar\\"><path fill=\\"currentColor\\" d=\\"M10 3H6V1.5H5V3H3a1 1 0 00-1 1v9a1 1 0 001 1h10a1 1 0 001-1V4a1 1 0 00-1-1h-2V1.5h-1V3zM5 5h1V4h4v1h1V4h2v2H3V4h2v1zM3 7h10v6H3V7z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-date-range-picker\\"><div class=\\"t-range-input-popup\\"><div class=\\"t-range-input\\"><div class=\\"t-range-input__inner\\"><div class=\\"t-input__wrap t-range-input__inner-left\\"><div class=\\"t-input t-size-m\\"><input autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" class=\\"t-input__inner\\"></div></div><div class=\\"t-range-input__inner-separator\\"> - </div><div class=\\"t-input__wrap t-range-input__inner-right\\"><div class=\\"t-input t-size-m\\"><input autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" class=\\"t-input__inner\\"></div></div><span class=\\"t-range-input__suffix t-range-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-calendar\\"><path fill=\\"currentColor\\" d=\\"M10 3H6V1.5H5V3H3a1 1 0 00-1 1v9a1 1 0 001 1h10a1 1 0 001-1V4a1 1 0 00-1-1h-2V1.5h-1V3zM5 5h1V4h4v1h1V4h2v2H3V4h2v1zM3 7h10v6H3V7z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/date-picker/_example/year.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-date-picker\\"><div class=\\"t-input__wrap t-select-input--empty\\"><div class=\\"t-input t-size-m t-is-default t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input autocomplete=\\"\\" placeholder=\\"请选择年份\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-calendar\\"><path fill=\\"currentColor\\" d=\\"M10 3H6V1.5H5V3H3a1 1 0 00-1 1v9a1 1 0 001 1h10a1 1 0 001-1V4a1 1 0 00-1-1h-2V1.5h-1V3zM5 5h1V4h4v1h1V4h2v2H3V4h2v1zM3 7h10v6H3V7z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-date-range-picker\\"><div class=\\"t-range-input-popup\\"><div class=\\"t-range-input\\"><div class=\\"t-range-input__inner\\"><div class=\\"t-input__wrap t-range-input__inner-left\\"><div class=\\"t-input t-size-m\\"><input autocomplete=\\"\\" placeholder=\\"请选择年份\\" type=\\"text\\" unselectable=\\"off\\" class=\\"t-input__inner\\"></div></div><div class=\\"t-range-input__inner-separator\\"></div><div class=\\"t-input__wrap t-range-input__inner-right\\"><div class=\\"t-input t-size-m\\"><input autocomplete=\\"\\" placeholder=\\"请选择年份\\" type=\\"text\\" unselectable=\\"off\\" class=\\"t-input__inner\\"></div></div><span class=\\"t-range-input__suffix t-range-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-calendar\\"><path fill=\\"currentColor\\" d=\\"M10 3H6V1.5H5V3H3a1 1 0 00-1 1v9a1 1 0 001 1h10a1 1 0 001-1V4a1 1 0 00-1-1h-2V1.5h-1V3zM5 5h1V4h4v1h1V4h2v2H3V4h2v1zM3 7h10v6H3V7z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/date-picker/_example/year.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-date-picker\\"><div class=\\"t-input__wrap t-select-input--empty\\"><div class=\\"t-input t-size-m t-is-default t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input autocomplete=\\"\\" placeholder=\\"请选择年份\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-calendar\\"><path fill=\\"currentColor\\" d=\\"M10 3H6V1.5H5V3H3a1 1 0 00-1 1v9a1 1 0 001 1h10a1 1 0 001-1V4a1 1 0 00-1-1h-2V1.5h-1V3zM5 5h1V4h4v1h1V4h2v2H3V4h2v1zM3 7h10v6H3V7z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-date-range-picker\\"><div class=\\"t-range-input-popup\\"><div class=\\"t-range-input\\"><div class=\\"t-range-input__inner\\"><div class=\\"t-input__wrap t-range-input__inner-left\\"><div class=\\"t-input t-size-m\\"><input autocomplete=\\"\\" placeholder=\\"请选择年份\\" type=\\"text\\" unselectable=\\"off\\" class=\\"t-input__inner\\"></div></div><div class=\\"t-range-input__inner-separator\\"> - </div><div class=\\"t-input__wrap t-range-input__inner-right\\"><div class=\\"t-input t-size-m\\"><input autocomplete=\\"\\" placeholder=\\"请选择年份\\" type=\\"text\\" unselectable=\\"off\\" class=\\"t-input__inner\\"></div></div><span class=\\"t-range-input__suffix t-range-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-calendar\\"><path fill=\\"currentColor\\" d=\\"M10 3H6V1.5H5V3H3a1 1 0 00-1 1v9a1 1 0 001 1h10a1 1 0 001-1V4a1 1 0 00-1-1h-2V1.5h-1V3zM5 5h1V4h4v1h1V4h2v2H3V4h2v1zM3 7h10v6H3V7z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/dialog/_example/async.vue correctly 1`] = `"<div data-server-rendered=\\"true\\"><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-base t-button--theme-primary\\"><span class=\\"t-button__text\\">异步加载类按钮</span></button><div duration=\\"300\\" name=\\"t-dialog-zoom__vue\\"></div></div>"`;
 
@@ -829,15 +829,15 @@ exports[`ssr snapshot test > renders ./src/slider/_example/input-number.vue corr
 
 exports[`ssr snapshot test > renders ./src/slider/_example/input-number-vertical.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-horizontal\\" style=\\"gap:60px;height:300px;\\"><div class=\\"t-space-item\\"><div show-tooltip=\\"true\\" class=\\"t-slider__container is-vertical\\"><div role=\\"slider\\" aria-valuemin=\\"0\\" aria-valuemax=\\"100\\" aria-orientation=\\"vertical\\" class=\\"t-slider is-vertical t-slider--with-input t-slider--vertical\\"><div class=\\"t-slider__rail show-input\\" style=\\"height:100%;\\"><div class=\\"t-slider__track\\" style=\\"height:0%;bottom:0%;\\"></div><div tabindex=\\"0\\" show-tooltip=\\"true\\" class=\\"t-slider__button-wrapper\\" style=\\"bottom:0%;\\"><div class=\\"t-slider__button\\"></div></div></div></div><div class=\\"t-slider__input-container is-vertical\\"><div class=\\"t-input-number t-size-m t-is-controls-right t-input-number--column t-slider__input is-vertical\\"><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-outline t-button--theme-default t-button--shape-square t-input-number__decrease t-is-disabled\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down t-size-m\\"><path fill=\\"currentColor\\" d=\\"M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z\\" fill-opacity=\\"0.9\\"></path></svg></button><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-m\\"><input autocomplete=\\"off\\" placeholder=\\"\\" type=\\"text\\" unselectable=\\"off\\" value=\\"0\\" class=\\"t-input__inner\\"></div></div><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-outline t-button--theme-default t-button--shape-square t-input-number__increase\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-up t-size-m\\"><path fill=\\"currentColor\\" d=\\"M12.46 9.54l-.92.92L8 6.92l-3.54 3.54-.92-.92L8 5.08l4.46 4.46z\\" fill-opacity=\\"0.9\\"></path></svg></button></div></div></div></div><div class=\\"t-space-item\\"><div show-tooltip=\\"true\\" class=\\"t-slider__container is-vertical\\"><div role=\\"slider\\" aria-valuemin=\\"0\\" aria-valuemax=\\"100\\" aria-orientation=\\"vertical\\" class=\\"t-slider is-vertical t-slider--with-input t-slider--vertical\\"><div class=\\"t-slider__rail show-input\\" style=\\"height:100%;\\"><div class=\\"t-slider__track\\" style=\\"height:0%;bottom:0%;\\"></div><div tabindex=\\"0\\" show-tooltip=\\"true\\" class=\\"t-slider__button-wrapper\\" style=\\"bottom:0%;\\"><div class=\\"t-slider__button\\"></div></div><div tabindex=\\"0\\" show-tooltip=\\"true\\" class=\\"t-slider__button-wrapper\\" style=\\"bottom:0%;\\"><div class=\\"t-slider__button\\"></div></div></div></div><div class=\\"t-slider__input-container is-vertical\\"><div class=\\"t-input-number t-size-m t-is-controls-right t-input-number--column t-slider__input is-vertical\\"><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-outline t-button--theme-default t-button--shape-square t-input-number__decrease t-is-disabled\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down t-size-m\\"><path fill=\\"currentColor\\" d=\\"M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z\\" fill-opacity=\\"0.9\\"></path></svg></button><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-m\\"><input autocomplete=\\"off\\" placeholder=\\"\\" type=\\"text\\" unselectable=\\"off\\" value=\\"0\\" class=\\"t-input__inner\\"></div></div><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-outline t-button--theme-default t-button--shape-square t-input-number__increase\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-up t-size-m\\"><path fill=\\"currentColor\\" d=\\"M12.46 9.54l-.92.92L8 6.92l-3.54 3.54-.92-.92L8 5.08l4.46 4.46z\\" fill-opacity=\\"0.9\\"></path></svg></button></div><div class=\\"t-slider__center-line\\"></div><div class=\\"t-input-number t-size-m t-is-controls-right t-input-number--column t-slider__input is-vertical\\"><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-outline t-button--theme-default t-button--shape-square t-input-number__decrease t-is-disabled\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down t-size-m\\"><path fill=\\"currentColor\\" d=\\"M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z\\" fill-opacity=\\"0.9\\"></path></svg></button><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-m\\"><input autocomplete=\\"off\\" placeholder=\\"\\" type=\\"text\\" unselectable=\\"off\\" value=\\"0\\" class=\\"t-input__inner\\"></div></div><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-outline t-button--theme-default t-button--shape-square t-input-number__increase\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-up t-size-m\\"><path fill=\\"currentColor\\" d=\\"M12.46 9.54l-.92.92L8 6.92l-3.54 3.54-.92-.92L8 5.08l4.46 4.46z\\" fill-opacity=\\"0.9\\"></path></svg></button></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/slider/_example/marks.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:60px;\\"><div class=\\"t-space-item\\"><div show-tooltip=\\"true\\" class=\\"t-slider__container\\"><div role=\\"slider\\" aria-valuemin=\\"0\\" aria-valuemax=\\"100\\" aria-orientation=\\"horizontal\\" class=\\"t-slider\\"><div class=\\"t-slider__rail\\"><div class=\\"t-slider__track\\" style=\\"width:0%;left:0%;\\"></div><div tabindex=\\"0\\" show-tooltip=\\"true\\" class=\\"t-slider__button-wrapper\\" style=\\"left:0%;\\"><div class=\\"t-slider__button\\"></div></div><div><div class=\\"t-slider__stops\\"><div class=\\"t-slider__stop t-slider__mark-stop\\" style=\\"left:20%;\\"></div><div class=\\"t-slider__stop t-slider__mark-stop\\" style=\\"left:40%;\\"></div><div class=\\"t-slider__stop t-slider__mark-stop\\" style=\\"left:60%;\\"></div><div class=\\"t-slider__stop t-slider__mark-stop\\" style=\\"left:80%;\\"></div><div class=\\"t-slider__stop t-slider__mark-stop\\" style=\\"left:100%;\\"></div></div><div class=\\"t-slider__mark\\"><div class=\\"t-slider__mark-text\\" style=\\"left:0%;\\">0°C</div><div class=\\"t-slider__mark-text\\" style=\\"left:20%;\\">20°C</div><div class=\\"t-slider__mark-text\\" style=\\"left:40%;\\">40°C</div><div class=\\"t-slider__mark-text\\" style=\\"left:60%;\\">60°C</div><div class=\\"t-slider__mark-text\\" style=\\"left:80%;\\"><span style=\\"color:#0052d9;\\">80°C</span></div><div class=\\"t-slider__mark-text\\" style=\\"left:100%;\\"><span style=\\"color:#0052d9;\\">100°C</span></div></div></div></div></div></div></div><div class=\\"t-space-item\\"><div show-tooltip=\\"true\\" class=\\"t-slider__container\\"><div role=\\"slider\\" aria-valuemin=\\"0\\" aria-valuemax=\\"100\\" aria-orientation=\\"horizontal\\" class=\\"t-slider\\"><div class=\\"t-slider__rail\\"><div class=\\"t-slider__track\\" style=\\"width:0%;left:0%;\\"></div><div tabindex=\\"0\\" show-tooltip=\\"true\\" class=\\"t-slider__button-wrapper\\" style=\\"left:0%;\\"><div class=\\"t-slider__button\\"></div></div><div tabindex=\\"0\\" show-tooltip=\\"true\\" class=\\"t-slider__button-wrapper\\" style=\\"left:0%;\\"><div class=\\"t-slider__button\\"></div></div><div><div class=\\"t-slider__stops\\"><div class=\\"t-slider__stop t-slider__mark-stop\\" style=\\"left:20%;\\"></div><div class=\\"t-slider__stop t-slider__mark-stop\\" style=\\"left:40%;\\"></div><div class=\\"t-slider__stop t-slider__mark-stop\\" style=\\"left:60%;\\"></div><div class=\\"t-slider__stop t-slider__mark-stop\\" style=\\"left:80%;\\"></div><div class=\\"t-slider__stop t-slider__mark-stop\\" style=\\"left:100%;\\"></div></div><div class=\\"t-slider__mark\\"><div class=\\"t-slider__mark-text\\" style=\\"left:0%;\\">0°C</div><div class=\\"t-slider__mark-text\\" style=\\"left:20%;\\">20°C</div><div class=\\"t-slider__mark-text\\" style=\\"left:40%;\\">40°C</div><div class=\\"t-slider__mark-text\\" style=\\"left:60%;\\">60°C</div><div class=\\"t-slider__mark-text\\" style=\\"left:80%;\\"><span style=\\"color:#0052d9;\\">80°C</span></div><div class=\\"t-slider__mark-text\\" style=\\"left:100%;\\">100°C</div></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/slider/_example/marks.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:60px;\\"><div class=\\"t-space-item\\"><div show-tooltip=\\"true\\" class=\\"t-slider__container\\"><div role=\\"slider\\" aria-valuemin=\\"0\\" aria-valuemax=\\"100\\" aria-orientation=\\"horizontal\\" class=\\"t-slider\\"><div class=\\"t-slider__rail\\"><div class=\\"t-slider__track\\" style=\\"width:0%;left:0%;\\"></div><div tabindex=\\"0\\" show-tooltip=\\"true\\" class=\\"t-slider__button-wrapper\\" style=\\"left:0%;\\"><div class=\\"t-slider__button\\"></div></div><div><div class=\\"t-slider__stops\\"><div class=\\"t-slider__stop t-slider__mark-stop\\" style=\\"left:20%;\\"></div><div class=\\"t-slider__stop t-slider__mark-stop\\" style=\\"left:40%;\\"></div><div class=\\"t-slider__stop t-slider__mark-stop\\" style=\\"left:60%;\\"></div><div class=\\"t-slider__stop t-slider__mark-stop\\" style=\\"left:80%;\\"></div></div><div class=\\"t-slider__mark\\"><div class=\\"t-slider__mark-text\\" style=\\"left:0%;\\">0°C</div><div class=\\"t-slider__mark-text\\" style=\\"left:20%;\\">20°C</div><div class=\\"t-slider__mark-text\\" style=\\"left:40%;\\">40°C</div><div class=\\"t-slider__mark-text\\" style=\\"left:60%;\\">60°C</div><div class=\\"t-slider__mark-text\\" style=\\"left:80%;\\"><span style=\\"color:#0052d9;\\">80°C</span></div><div class=\\"t-slider__mark-text\\" style=\\"left:100%;\\"><span style=\\"color:#0052d9;\\">100°C</span></div></div></div></div></div></div></div><div class=\\"t-space-item\\"><div show-tooltip=\\"true\\" class=\\"t-slider__container\\"><div role=\\"slider\\" aria-valuemin=\\"0\\" aria-valuemax=\\"100\\" aria-orientation=\\"horizontal\\" class=\\"t-slider\\"><div class=\\"t-slider__rail\\"><div class=\\"t-slider__track\\" style=\\"width:0%;left:0%;\\"></div><div tabindex=\\"0\\" show-tooltip=\\"true\\" class=\\"t-slider__button-wrapper\\" style=\\"left:0%;\\"><div class=\\"t-slider__button\\"></div></div><div tabindex=\\"0\\" show-tooltip=\\"true\\" class=\\"t-slider__button-wrapper\\" style=\\"left:0%;\\"><div class=\\"t-slider__button\\"></div></div><div><div class=\\"t-slider__stops\\"><div class=\\"t-slider__stop t-slider__mark-stop\\" style=\\"left:20%;\\"></div><div class=\\"t-slider__stop t-slider__mark-stop\\" style=\\"left:40%;\\"></div><div class=\\"t-slider__stop t-slider__mark-stop\\" style=\\"left:60%;\\"></div><div class=\\"t-slider__stop t-slider__mark-stop\\" style=\\"left:80%;\\"></div></div><div class=\\"t-slider__mark\\"><div class=\\"t-slider__mark-text\\" style=\\"left:0%;\\">0°C</div><div class=\\"t-slider__mark-text\\" style=\\"left:20%;\\">20°C</div><div class=\\"t-slider__mark-text\\" style=\\"left:40%;\\">40°C</div><div class=\\"t-slider__mark-text\\" style=\\"left:60%;\\">60°C</div><div class=\\"t-slider__mark-text\\" style=\\"left:80%;\\"><span style=\\"color:#0052d9;\\">80°C</span></div><div class=\\"t-slider__mark-text\\" style=\\"left:100%;\\">100°C</div></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/slider/_example/min-and-max.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:60px;\\"><div class=\\"t-space-item\\"><div show-tooltip=\\"true\\" class=\\"t-slider__container\\"><div role=\\"slider\\" aria-valuemin=\\"10\\" aria-valuemax=\\"30\\" aria-orientation=\\"horizontal\\" class=\\"t-slider\\"><div class=\\"t-slider__rail\\"><div class=\\"t-slider__track\\" style=\\"width:-50%;left:0%;\\"></div><div tabindex=\\"0\\" show-tooltip=\\"true\\" class=\\"t-slider__button-wrapper\\" style=\\"left:-50%;\\"><div class=\\"t-slider__button\\"></div></div><div><div class=\\"t-slider__stops\\"><div class=\\"t-slider__stop t-slider__mark-stop\\" style=\\"left:100%;\\"></div></div><div class=\\"t-slider__mark\\"><div class=\\"t-slider__mark-text\\" style=\\"left:0%;\\">min:10</div><div class=\\"t-slider__mark-text\\" style=\\"left:100%;\\">max:30</div></div></div></div></div></div></div><div class=\\"t-space-item\\"><div show-tooltip=\\"true\\" class=\\"t-slider__container\\"><div role=\\"slider\\" aria-valuemin=\\"10\\" aria-valuemax=\\"30\\" aria-orientation=\\"horizontal\\" class=\\"t-slider\\"><div class=\\"t-slider__rail\\"><div class=\\"t-slider__track\\" style=\\"width:0%;left:-50%;\\"></div><div tabindex=\\"0\\" show-tooltip=\\"true\\" class=\\"t-slider__button-wrapper\\" style=\\"left:-50%;\\"><div class=\\"t-slider__button\\"></div></div><div tabindex=\\"0\\" show-tooltip=\\"true\\" class=\\"t-slider__button-wrapper\\" style=\\"left:-50%;\\"><div class=\\"t-slider__button\\"></div></div><div><div class=\\"t-slider__stops\\"><div class=\\"t-slider__stop t-slider__mark-stop\\" style=\\"left:100%;\\"></div></div><div class=\\"t-slider__mark\\"><div class=\\"t-slider__mark-text\\" style=\\"left:0%;\\">min:10</div><div class=\\"t-slider__mark-text\\" style=\\"left:100%;\\">max:30</div></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/slider/_example/min-and-max.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:60px;\\"><div class=\\"t-space-item\\"><div show-tooltip=\\"true\\" class=\\"t-slider__container\\"><div role=\\"slider\\" aria-valuemin=\\"10\\" aria-valuemax=\\"30\\" aria-orientation=\\"horizontal\\" class=\\"t-slider\\"><div class=\\"t-slider__rail\\"><div class=\\"t-slider__track\\" style=\\"width:-50%;left:0%;\\"></div><div tabindex=\\"0\\" show-tooltip=\\"true\\" class=\\"t-slider__button-wrapper\\" style=\\"left:-50%;\\"><div class=\\"t-slider__button\\"></div></div><div><div class=\\"t-slider__stops\\"></div><div class=\\"t-slider__mark\\"><div class=\\"t-slider__mark-text\\" style=\\"left:0%;\\">min:10</div><div class=\\"t-slider__mark-text\\" style=\\"left:100%;\\">max:30</div></div></div></div></div></div></div><div class=\\"t-space-item\\"><div show-tooltip=\\"true\\" class=\\"t-slider__container\\"><div role=\\"slider\\" aria-valuemin=\\"10\\" aria-valuemax=\\"30\\" aria-orientation=\\"horizontal\\" class=\\"t-slider\\"><div class=\\"t-slider__rail\\"><div class=\\"t-slider__track\\" style=\\"width:0%;left:-50%;\\"></div><div tabindex=\\"0\\" show-tooltip=\\"true\\" class=\\"t-slider__button-wrapper\\" style=\\"left:-50%;\\"><div class=\\"t-slider__button\\"></div></div><div tabindex=\\"0\\" show-tooltip=\\"true\\" class=\\"t-slider__button-wrapper\\" style=\\"left:-50%;\\"><div class=\\"t-slider__button\\"></div></div><div><div class=\\"t-slider__stops\\"></div><div class=\\"t-slider__mark\\"><div class=\\"t-slider__mark-text\\" style=\\"left:0%;\\">min:10</div><div class=\\"t-slider__mark-text\\" style=\\"left:100%;\\">max:30</div></div></div></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/slider/_example/step.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:60px;\\"><div class=\\"t-space-item\\"><div show-tooltip=\\"true\\" class=\\"t-slider__container\\"><div role=\\"slider\\" aria-valuemin=\\"0\\" aria-valuemax=\\"100\\" aria-orientation=\\"horizontal\\" class=\\"t-slider\\"><div class=\\"t-slider__rail\\"><div class=\\"t-slider__track\\" style=\\"width:0%;left:0%;\\"></div><div tabindex=\\"0\\" show-tooltip=\\"true\\" class=\\"t-slider__button-wrapper\\" style=\\"left:0%;\\"><div class=\\"t-slider__button\\"></div></div></div></div></div></div><div class=\\"t-space-item\\"><div show-tooltip=\\"true\\" class=\\"t-slider__container\\"><div role=\\"slider\\" aria-valuemin=\\"0\\" aria-valuemax=\\"100\\" aria-orientation=\\"horizontal\\" class=\\"t-slider\\"><div class=\\"t-slider__rail\\"><div class=\\"t-slider__track\\" style=\\"width:0%;left:0%;\\"></div><div tabindex=\\"0\\" show-tooltip=\\"true\\" class=\\"t-slider__button-wrapper\\" style=\\"left:0%;\\"><div class=\\"t-slider__button\\"></div></div><div tabindex=\\"0\\" show-tooltip=\\"true\\" class=\\"t-slider__button-wrapper\\" style=\\"left:0%;\\"><div class=\\"t-slider__button\\"></div></div></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/slider/_example/vertical.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-horizontal\\" style=\\"gap:60px;height:300px;\\" data-v-8810cff6><div class=\\"t-space-item\\"><div show-tooltip=\\"true\\" class=\\"t-slider__container is-vertical\\" data-v-8810cff6><div role=\\"slider\\" aria-valuemin=\\"0\\" aria-valuemax=\\"100\\" aria-orientation=\\"vertical\\" class=\\"t-slider is-vertical t-slider--vertical\\"><div class=\\"t-slider__rail\\" style=\\"height:100%;\\"><div class=\\"t-slider__track\\" style=\\"height:0%;bottom:0%;\\"></div><div tabindex=\\"0\\" show-tooltip=\\"true\\" class=\\"t-slider__button-wrapper\\" style=\\"bottom:0%;\\"><div class=\\"t-slider__button\\"></div></div></div></div></div></div><div class=\\"t-space-item\\"><div show-tooltip=\\"true\\" class=\\"t-slider__container is-vertical\\" data-v-8810cff6><div role=\\"slider\\" aria-valuemin=\\"0\\" aria-valuemax=\\"100\\" aria-orientation=\\"vertical\\" class=\\"t-slider is-vertical t-slider--vertical\\"><div class=\\"t-slider__rail\\" style=\\"height:100%;\\"><div class=\\"t-slider__track\\" style=\\"height:0%;bottom:0%;\\"></div><div tabindex=\\"0\\" show-tooltip=\\"true\\" class=\\"t-slider__button-wrapper\\" style=\\"bottom:0%;\\"><div class=\\"t-slider__button\\"></div></div><div tabindex=\\"0\\" show-tooltip=\\"true\\" class=\\"t-slider__button-wrapper\\" style=\\"bottom:0%;\\"><div class=\\"t-slider__button\\"></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/slider/_example/vertical-marks.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-horizontal\\" style=\\"gap:60px;height:300px;\\"><div class=\\"t-space-item\\"><div vertical=\\"\\" show-tooltip=\\"true\\" class=\\"t-slider__container is-vertical\\"><div role=\\"slider\\" aria-valuemin=\\"0\\" aria-valuemax=\\"100\\" aria-orientation=\\"vertical\\" class=\\"t-slider is-vertical t-slider--vertical\\"><div class=\\"t-slider__rail\\" style=\\"height:100%;\\"><div class=\\"t-slider__track\\" style=\\"height:0%;bottom:0%;\\"></div><div tabindex=\\"0\\" show-tooltip=\\"true\\" class=\\"t-slider__button-wrapper\\" style=\\"bottom:0%;\\"><div class=\\"t-slider__button\\"></div></div><div><div class=\\"t-slider__stops\\"><div class=\\"t-slider__stop t-slider__mark-stop\\" style=\\"top:calc(80% - 1px);\\"></div><div class=\\"t-slider__stop t-slider__mark-stop\\" style=\\"top:calc(60% - 1px);\\"></div><div class=\\"t-slider__stop t-slider__mark-stop\\" style=\\"top:calc(40% - 1px);\\"></div><div class=\\"t-slider__stop t-slider__mark-stop\\" style=\\"top:calc(20% - 1px);\\"></div><div class=\\"t-slider__stop t-slider__mark-stop\\" style=\\"top:calc(0% - 1px);\\"></div></div><div class=\\"t-slider__mark\\"><div class=\\"t-slider__mark-text\\" style=\\"top:calc(100% - 1px);\\">0°C</div><div class=\\"t-slider__mark-text\\" style=\\"top:calc(80% - 1px);\\">20°C</div><div class=\\"t-slider__mark-text\\" style=\\"top:calc(60% - 1px);\\">40°C</div><div class=\\"t-slider__mark-text\\" style=\\"top:calc(40% - 1px);\\">60°C</div><div class=\\"t-slider__mark-text\\" style=\\"top:calc(20% - 1px);\\"><span style=\\"color:#0052d9;\\">80°C</span></div><div class=\\"t-slider__mark-text\\" style=\\"top:calc(0% - 1px);\\"><span style=\\"color:#0052d9;\\">100°C</span></div></div></div></div></div></div></div><div class=\\"t-space-item\\"><div vertical=\\"\\" show-tooltip=\\"true\\" class=\\"t-slider__container is-vertical\\"><div role=\\"slider\\" aria-valuemin=\\"0\\" aria-valuemax=\\"100\\" aria-orientation=\\"vertical\\" class=\\"t-slider is-vertical t-slider--vertical\\"><div class=\\"t-slider__rail\\" style=\\"height:100%;\\"><div class=\\"t-slider__track\\" style=\\"height:0%;bottom:0%;\\"></div><div tabindex=\\"0\\" show-tooltip=\\"true\\" class=\\"t-slider__button-wrapper\\" style=\\"bottom:0%;\\"><div class=\\"t-slider__button\\"></div></div><div tabindex=\\"0\\" show-tooltip=\\"true\\" class=\\"t-slider__button-wrapper\\" style=\\"bottom:0%;\\"><div class=\\"t-slider__button\\"></div></div><div><div class=\\"t-slider__stops\\"><div class=\\"t-slider__stop t-slider__mark-stop\\" style=\\"top:calc(80% - 1px);\\"></div><div class=\\"t-slider__stop t-slider__mark-stop\\" style=\\"top:calc(60% - 1px);\\"></div><div class=\\"t-slider__stop t-slider__mark-stop\\" style=\\"top:calc(40% - 1px);\\"></div><div class=\\"t-slider__stop t-slider__mark-stop\\" style=\\"top:calc(20% - 1px);\\"></div><div class=\\"t-slider__stop t-slider__mark-stop\\" style=\\"top:calc(0% - 1px);\\"></div></div><div class=\\"t-slider__mark\\"><div class=\\"t-slider__mark-text\\" style=\\"top:calc(100% - 1px);\\">0°C</div><div class=\\"t-slider__mark-text\\" style=\\"top:calc(80% - 1px);\\">20°C</div><div class=\\"t-slider__mark-text\\" style=\\"top:calc(60% - 1px);\\">40°C</div><div class=\\"t-slider__mark-text\\" style=\\"top:calc(40% - 1px);\\">60°C</div><div class=\\"t-slider__mark-text\\" style=\\"top:calc(20% - 1px);\\"><span style=\\"color:#0052d9;\\">80°C</span></div><div class=\\"t-slider__mark-text\\" style=\\"top:calc(0% - 1px);\\"><span style=\\"color:#0052d9;\\">100°C</span></div></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/slider/_example/vertical-marks.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-horizontal\\" style=\\"gap:60px;height:300px;\\"><div class=\\"t-space-item\\"><div vertical=\\"\\" show-tooltip=\\"true\\" class=\\"t-slider__container is-vertical\\"><div role=\\"slider\\" aria-valuemin=\\"0\\" aria-valuemax=\\"100\\" aria-orientation=\\"vertical\\" class=\\"t-slider is-vertical t-slider--vertical\\"><div class=\\"t-slider__rail\\" style=\\"height:100%;\\"><div class=\\"t-slider__track\\" style=\\"height:0%;bottom:0%;\\"></div><div tabindex=\\"0\\" show-tooltip=\\"true\\" class=\\"t-slider__button-wrapper\\" style=\\"bottom:0%;\\"><div class=\\"t-slider__button\\"></div></div><div><div class=\\"t-slider__stops\\"><div class=\\"t-slider__stop t-slider__mark-stop\\" style=\\"top:calc(80% - 1px);\\"></div><div class=\\"t-slider__stop t-slider__mark-stop\\" style=\\"top:calc(60% - 1px);\\"></div><div class=\\"t-slider__stop t-slider__mark-stop\\" style=\\"top:calc(40% - 1px);\\"></div><div class=\\"t-slider__stop t-slider__mark-stop\\" style=\\"top:calc(20% - 1px);\\"></div></div><div class=\\"t-slider__mark\\"><div class=\\"t-slider__mark-text\\" style=\\"top:calc(100% - 1px);\\">0°C</div><div class=\\"t-slider__mark-text\\" style=\\"top:calc(80% - 1px);\\">20°C</div><div class=\\"t-slider__mark-text\\" style=\\"top:calc(60% - 1px);\\">40°C</div><div class=\\"t-slider__mark-text\\" style=\\"top:calc(40% - 1px);\\">60°C</div><div class=\\"t-slider__mark-text\\" style=\\"top:calc(20% - 1px);\\"><span style=\\"color:#0052d9;\\">80°C</span></div><div class=\\"t-slider__mark-text\\" style=\\"top:calc(0% - 1px);\\"><span style=\\"color:#0052d9;\\">100°C</span></div></div></div></div></div></div></div><div class=\\"t-space-item\\"><div vertical=\\"\\" show-tooltip=\\"true\\" class=\\"t-slider__container is-vertical\\"><div role=\\"slider\\" aria-valuemin=\\"0\\" aria-valuemax=\\"100\\" aria-orientation=\\"vertical\\" class=\\"t-slider is-vertical t-slider--vertical\\"><div class=\\"t-slider__rail\\" style=\\"height:100%;\\"><div class=\\"t-slider__track\\" style=\\"height:0%;bottom:0%;\\"></div><div tabindex=\\"0\\" show-tooltip=\\"true\\" class=\\"t-slider__button-wrapper\\" style=\\"bottom:0%;\\"><div class=\\"t-slider__button\\"></div></div><div tabindex=\\"0\\" show-tooltip=\\"true\\" class=\\"t-slider__button-wrapper\\" style=\\"bottom:0%;\\"><div class=\\"t-slider__button\\"></div></div><div><div class=\\"t-slider__stops\\"><div class=\\"t-slider__stop t-slider__mark-stop\\" style=\\"top:calc(80% - 1px);\\"></div><div class=\\"t-slider__stop t-slider__mark-stop\\" style=\\"top:calc(60% - 1px);\\"></div><div class=\\"t-slider__stop t-slider__mark-stop\\" style=\\"top:calc(40% - 1px);\\"></div><div class=\\"t-slider__stop t-slider__mark-stop\\" style=\\"top:calc(20% - 1px);\\"></div></div><div class=\\"t-slider__mark\\"><div class=\\"t-slider__mark-text\\" style=\\"top:calc(100% - 1px);\\">0°C</div><div class=\\"t-slider__mark-text\\" style=\\"top:calc(80% - 1px);\\">20°C</div><div class=\\"t-slider__mark-text\\" style=\\"top:calc(60% - 1px);\\">40°C</div><div class=\\"t-slider__mark-text\\" style=\\"top:calc(40% - 1px);\\">60°C</div><div class=\\"t-slider__mark-text\\" style=\\"top:calc(20% - 1px);\\"><span style=\\"color:#0052d9;\\">80°C</span></div><div class=\\"t-slider__mark-text\\" style=\\"top:calc(0% - 1px);\\"><span style=\\"color:#0052d9;\\">100°C</span></div></div></div></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/space/_example/align.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;flex-wrap:wrap;\\" data-v-2418d6a3><div class=\\"t-space-item\\"><div class=\\"space-border t-space t-space-align-start t-space-horizontal\\" style=\\"gap:16px;\\" data-v-2418d6a3><div class=\\"t-space-item\\"><div data-v-2418d6a3>start</div></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-base t-button--theme-primary\\" data-v-2418d6a3><span class=\\"t-button__text\\">Button</span></button></div><div class=\\"t-space-item\\"><div class=\\"space-block\\" data-v-2418d6a3></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"space-border t-space t-space-align-center t-space-horizontal\\" style=\\"gap:16px;\\" data-v-2418d6a3><div class=\\"t-space-item\\"><div data-v-2418d6a3>center</div></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-base t-button--theme-primary\\" data-v-2418d6a3><span class=\\"t-button__text\\">Button</span></button></div><div class=\\"t-space-item\\"><div class=\\"space-block\\" data-v-2418d6a3></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"space-border t-space t-space-align-end t-space-horizontal\\" style=\\"gap:16px;\\" data-v-2418d6a3><div class=\\"t-space-item\\"><div data-v-2418d6a3>end</div></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-base t-button--theme-primary\\" data-v-2418d6a3><span class=\\"t-button__text\\">Button</span></button></div><div class=\\"t-space-item\\"><div class=\\"space-block\\" data-v-2418d6a3></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"space-border t-space t-space-align-baseline t-space-horizontal\\" style=\\"gap:16px;\\" data-v-2418d6a3><div class=\\"t-space-item\\"><div data-v-2418d6a3>baseline</div></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-size-m t-button--variant-base t-button--theme-primary\\" data-v-2418d6a3><span class=\\"t-button__text\\">Button</span></button></div><div class=\\"t-space-item\\"><div class=\\"space-block\\" data-v-2418d6a3></div></div></div></div></div>"`;