yc-design-vue 2.2.9 → 2.3.1

package/es/DatePicker/YearPicker.vue.js

@@ -6,8 +6,8 @@ import _sfc_main$3 from "./component/PickerCell.vue.js";
 /* empty css                          */
 import _sfc_main$1 from "./component/PickerPanel.vue.js";
 /* empty css                           */
-import _sfc_main$4 from "./component/PickerInput.vue.js";
-/* empty css                           */
+import _sfc_main$4 from "./component/Picker.vue.js";
+/* empty css                      */
 const _hoisted_1 = { class: "yc-panel-year" };
 const _hoisted_2 = { class: "yc-panel-year-inner" };
 const _hoisted_3 = { class: "yc-picker-body" };
@@ -64,7 +64,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       getRangeOfYear,
       handleConfirm,
       handleSelect,
-      handleShortcut
+      handleShortcut,
+      handleVisibleChange
     } = usePicker({
       props,
       emits
@@ -178,7 +179,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           key: 0,
           class: normalizeClass(_ctx.$attrs.class),
           style: normalizeStyle(_ctx.$attrs.style),
-          type: "year"
+          type: "year",
+          onPopupVisibleChange: unref(handleVisibleChange)
         }, createSlots({
           content: withCtx(() => [
             createVNode(unref(ReusePanel))
@@ -206,7 +208,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ]),
             key: "2"
           } : void 0
-        ]), 1032, ["class", "style"])) : (openBlock(), createBlock(unref(ReusePanel), { key: 1 }))
+        ]), 1032, ["class", "style", "onPopupVisibleChange"])) : (openBlock(), createBlock(unref(ReusePanel), { key: 1 }))
       ], 64);
     };
   }

package/es/DatePicker/component/{PickerInput.vue.d.ts → Picker.vue.d.ts}

@@ -150,7 +150,11 @@ declare function __VLS_template(): {
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "popup-visible-change": (val: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onPopup-visible-change"?: ((val: boolean) => any) | undefined;
+}>, {
     type: "year" | "month" | "week" | "time" | "date";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     inputRef: ({

package/es/DatePicker/component/{PickerInput.vue.js → Picker.vue.js}

@@ -18,10 +18,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
-  __name: "PickerInput",
+  __name: "Picker",
   props: {
     type: { default: "date" }
   },
+  emits: ["popup-visible-change"],
   setup(__props) {
     const $props = __props;
     const { props, computedVisible, formatValue, showClearBtn, onClear } = usePickerInputContext().inject();
@@ -67,7 +68,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         trigger: "click",
         "animation-name": "slide-dynamic-origin",
         "need-transform-origin": ""
-      }, unref(triggerProps)), {
+      }, unref(triggerProps), {
+        onPopupVisibleChange: _cache[1] || (_cache[1] = (v) => _ctx.$emit("popup-visible-change", v))
+      }), {
         content: withCtx(() => [
           renderSlot(_ctx.$slots, "content")
         ]),
@@ -84,7 +87,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               class: normalizeClass([
                 _ctx.$attrs.class,
                 {
-                  "yc-picker-allow-clear": unref(showClearBtn)
+                  "yc-picker-allow-clear": unref(showClearBtn),
+                  "yc-picker-active": unref(computedVisible)
                 }
               ]),
               ref_key: "inputRef",

package/es/DatePicker/component/Picker.vue3.js

@@ -0,0 +1,5 @@
+import _sfc_main from "./Picker.vue.js";
+/* empty css            */
+export {
+  _sfc_main as default
+};

package/es/DatePicker/hooks/userPicker.d.ts

@@ -18,6 +18,7 @@ export default function usePicker(params: {
     curYear: import('vue').Ref<number, number>;
     valueFormat: import('vue').Ref<any, any>;
     showConfirmBtn: import('vue').ComputedRef<any>;
+    hideTrigger: import('vue').Ref<any, any>;
     DefinePanel: import('@vueuse/core').DefineTemplateComponent<Record<string, any>, Record<"default", undefined>>;
     ReusePanel: import('@vueuse/core').ReuseTemplateComponent<Record<string, any>, Record<"default", undefined>>;
     t: (key: string, ...args: any[]) => string;
@@ -26,6 +27,7 @@ export default function usePicker(params: {
     isCellInView: (v: Date, type: string) => boolean;
     isToday: (v: Date, type: string) => boolean;
     isSelected: (v: Date, type: string) => boolean;
+    handleVisibleChange: (visible: boolean) => void;
     getRangeOfYear: (curYear: number) => {
         range: import('../../_shared/utils').YearData[][];
         startYear: number;

package/es/DatePicker/hooks/userPicker.js

@@ -1,10 +1,10 @@
-import { toRefs, computed, ref, watch } from "vue";
+import { toRefs, computed, ref } from "vue";
 import { createReusableTemplate } from "../../node_modules/@vueuse/core/index.js";
 import "../../node_modules/b-tween/dist/b-tween.es.js";
 import dayjs from "../../node_modules/dayjs/dayjs.min.js";
 import "../../node_modules/tinycolor2/esm/tinycolor.js";
 import { sleep } from "../../_shared/utils/dom.js";
-import { isUndefined, isString } from "../../_shared/utils/is.js";
+import { isString, isUndefined } from "../../_shared/utils/is.js";
 import { useControlValue } from "../../_shared/utils/hooks.js";
 import { useI18n } from "../../_shared/utils/locale.js";
 import { getDaysOfMonth, getWeeksOfMonth, getRangeOfYear } from "../../_shared/utils/time.js";
@@ -21,10 +21,11 @@ function usePicker(params) {
     format,
     valueFormat,
     dayStartOfWeek,
-    showConfirmBtn: _showConfirmBtn,
     showTime,
     locale,
-    abbreviation
+    abbreviation,
+    hideTrigger,
+    showConfirmBtn: _showConfirmBtn
   } = toRefs(props);
   const { disabledDate } = props;
   const computedValue = useControlValue(
@@ -85,23 +86,17 @@ function usePicker(params) {
   const curMonth = ref(0);
   const showYearPicker = ref(false);
   const showMonthPicker = ref(false);
-  watch(
-    () => computedVisible.value,
-    (val) => {
-      if (val) {
-        isConfirm = false;
-        oldDate = computedValue.value ? getDateFromFormat(computedValue.value) : computedValue.value;
-      } else {
-        showYearPicker.value = false;
-        showMonthPicker.value = false;
-        if (!showConfirmBtn.value || isConfirm || isUndefined(oldDate)) return;
-        computedValue.value = oldDate;
-      }
-    },
-    {
-      immediate: true
+  const handleVisibleChange = (visible) => {
+    if (visible) {
+      isConfirm = false;
+      oldDate = computedValue.value ? getDateFromFormat(computedValue.value) : computedValue.value;
+    } else {
+      showYearPicker.value = false;
+      showMonthPicker.value = false;
+      if (!showConfirmBtn.value || isConfirm || isUndefined(oldDate)) return;
+      computedValue.value = oldDate;
     }
-  );
+  };
   const handleShortcut = (shortcut, hover) => {
     if (!hover) {
       emits("select-shortcut", shortcut);
@@ -161,9 +156,8 @@ function usePicker(params) {
     return date;
   };
   const isCellInView = (v, type) => {
-    const curDate = dayjs();
     if (type == "year") {
-      const startYear = Math.floor(curDate.year() / 10) * 10;
+      const startYear = Math.floor(curYear.value / 10) * 10;
       return v.getFullYear() >= startYear && v.getFullYear() <= startYear + 10;
     }
     if (type == "month") {
@@ -216,6 +210,7 @@ function usePicker(params) {
     curYear,
     valueFormat,
     showConfirmBtn,
+    hideTrigger,
     DefinePanel,
     ReusePanel,
     t,
@@ -224,6 +219,7 @@ function usePicker(params) {
     isCellInView,
     isToday,
     isSelected,
+    handleVisibleChange,
     getRangeOfYear,
     getWeeksOfMonth,
     getDaysOfMonth,

package/es/DatePicker/index.css

@@ -1,3 +1,3 @@
-.yc-picker-allow-clear:not(.yc-input-disabled):hover .yc-icon-button{display:flex}.yc-picker-allow-clear:not(.yc-input-disabled):hover .yc-picker-suffix-icon{display:none}.yc-picker-allow-clear .yc-icon-button{font-size:16px;display:none}.yc-picker-allow-clear .yc-picker-suffix-icon{font-size:16px;height:100%;display:flex;justify-content:center;align-items:center}.yc-picker-container{overflow:hidden;min-height:60px;background-color:var(--color-bg-popup);border:1px solid var(--color-neutral-3);border-radius:var(--border-radius-medium);box-shadow:0 2px 5px #0000001a;display:flex}.yc-picker-container .yc-picker-panel-wrapper .yc-picker-container{border:none;border-radius:0;box-shadow:none}.yc-picker-container .yc-picker-panel-wrapper .yc-picker-footer{width:min-content;min-width:100%}.yc-picker-container .yc-picker-panel-wrapper .yc-picker-footer .yc-picker-footer-extra-wrapper{padding:8px 24px;border-top:1px solid var(--color-neutral-3);color:var(--color-text-1);font-size:12px}.yc-picker-container .yc-picker-panel-wrapper .yc-picker-footer .yc-picker-footer-btn-wrapper{width:100%;padding:8px;border-top:1px solid var(--color-neutral-3);display:flex;align-items:center;justify-content:space-between;gap:10px}.yc-picker-container .yc-picker-panel-wrapper .yc-picker-footer .yc-picker-footer-now-wrapper{height:36px;border-top:1px solid var(--color-neutral-3);line-height:36px;display:flex;justify-content:center;align-items:center}.yc-picker-container .yc-picker-shortcuts{overflow-y:auto;padding:10px 8px;flex:1;display:flex;flex-direction:column;gap:5px}.yc-picker-container .yc-picker-shortcuts.yc-picker-shortcuts-left{border-right:1px solid var(--color-neutral-3)}.yc-picker-container .yc-picker-shortcuts.yc-picker-shortcuts-right{border-left:1px solid var(--color-neutral-3)}.yc-picker-container .yc-picker-shortcuts.yc-picker-shortcuts-bottom{padding:0;overflow:hidden;flex-direction:row;flex-wrap:wrap;gap:5px 10px}.yc-picker-container-shortcuts-right{flex-direction:row-reverse}.yc-picker-container-shortcuts-bottom{flex-direction:row-reverse}.yc-picker-container-shortcuts-bottom .yc-picker-panel-wrapper .yc-picker-footer .yc-picker-footer-btn-wrapper{justify-content:space-between}.yc-panel-year,.yc-panel-month,.yc-panel-week,.yc-panel-date{display:flex}.yc-panel-year .yc-panel-year-inner,.yc-panel-month .yc-panel-year-inner,.yc-panel-week .yc-panel-year-inner,.yc-panel-date .yc-panel-year-inner,.yc-panel-year .yc-panel-month-inner,.yc-panel-month .yc-panel-month-inner,.yc-panel-week .yc-panel-month-inner,.yc-panel-date .yc-panel-month-inner,.yc-panel-year .yc-panel-week-inner,.yc-panel-month .yc-panel-week-inner,.yc-panel-week .yc-panel-week-inner,.yc-panel-date .yc-panel-week-inner,.yc-panel-year .yc-panel-date-inner,.yc-panel-month .yc-panel-date-inner,.yc-panel-week .yc-panel-date-inner,.yc-panel-date .yc-panel-date-inner{display:flex;flex-direction:column;width:265px}.yc-panel-year .yc-panel-year-inner .yc-picker-header,.yc-panel-month .yc-panel-year-inner .yc-picker-header,.yc-panel-week .yc-panel-year-inner .yc-picker-header,.yc-panel-date .yc-panel-year-inner .yc-picker-header,.yc-panel-year .yc-panel-month-inner .yc-picker-header,.yc-panel-month .yc-panel-month-inner .yc-picker-header,.yc-panel-week .yc-panel-month-inner .yc-picker-header,.yc-panel-date .yc-panel-month-inner .yc-picker-header,.yc-panel-year .yc-panel-week-inner .yc-picker-header,.yc-panel-month .yc-panel-week-inner .yc-picker-header,.yc-panel-week .yc-panel-week-inner .yc-picker-header,.yc-panel-date .yc-panel-week-inner .yc-picker-header,.yc-panel-year .yc-panel-date-inner .yc-picker-header,.yc-panel-month .yc-panel-date-inner .yc-picker-header,.yc-panel-week .yc-panel-date-inner .yc-picker-header,.yc-panel-date .yc-panel-date-inner .yc-picker-header{height:40px;padding:0 16px;border-bottom:1px solid var(--color-neutral-3);display:flex;align-items:center}.yc-panel-year .yc-panel-year-inner .yc-picker-header .yc-picker-header-icon,.yc-panel-month .yc-panel-year-inner .yc-picker-header .yc-picker-header-icon,.yc-panel-week .yc-panel-year-inner .yc-picker-header .yc-picker-header-icon,.yc-panel-date .yc-panel-year-inner .yc-picker-header .yc-picker-header-icon,.yc-panel-year .yc-panel-month-inner .yc-picker-header .yc-picker-header-icon,.yc-panel-month .yc-panel-month-inner .yc-picker-header .yc-picker-header-icon,.yc-panel-week .yc-panel-month-inner .yc-picker-header .yc-picker-header-icon,.yc-panel-date .yc-panel-month-inner .yc-picker-header .yc-picker-header-icon,.yc-panel-year .yc-panel-week-inner .yc-picker-header .yc-picker-header-icon,.yc-panel-month .yc-panel-week-inner .yc-picker-header .yc-picker-header-icon,.yc-panel-week .yc-panel-week-inner .yc-picker-header .yc-picker-header-icon,.yc-panel-date .yc-panel-week-inner .yc-picker-header .yc-picker-header-icon,.yc-panel-year .yc-panel-date-inner .yc-picker-header .yc-picker-header-icon,.yc-panel-month .yc-panel-date-inner .yc-picker-header .yc-picker-header-icon,.yc-panel-week .yc-panel-date-inner .yc-picker-header .yc-picker-header-icon,.yc-panel-date .yc-panel-date-inner .yc-picker-header .yc-picker-header-icon{cursor:pointer;width:24px;height:24px;margin-right:2px;margin-left:2px;color:var(--color-text-2);font-size:12px;line-height:24px;text-align:center;background-color:var(--color-bg-popup);border-radius:50%;transition:all .1s cubic-bezier(0, 0, 1, 1);user-select:none}.yc-panel-year .yc-panel-year-inner .yc-picker-header .yc-picker-header-icon:hover,.yc-panel-month .yc-panel-year-inner .yc-picker-header .yc-picker-header-icon:hover,.yc-panel-week .yc-panel-year-inner .yc-picker-header .yc-picker-header-icon:hover,.yc-panel-date .yc-panel-year-inner .yc-picker-header .yc-picker-header-icon:hover,.yc-panel-year .yc-panel-month-inner .yc-picker-header .yc-picker-header-icon:hover,.yc-panel-month .yc-panel-month-inner .yc-picker-header .yc-picker-header-icon:hover,.yc-panel-week .yc-panel-month-inner .yc-picker-header .yc-picker-header-icon:hover,.yc-panel-date .yc-panel-month-inner .yc-picker-header .yc-picker-header-icon:hover,.yc-panel-year .yc-panel-week-inner .yc-picker-header .yc-picker-header-icon:hover,.yc-panel-month .yc-panel-week-inner .yc-picker-header .yc-picker-header-icon:hover,.yc-panel-week .yc-panel-week-inner .yc-picker-header .yc-picker-header-icon:hover,.yc-panel-date .yc-panel-week-inner .yc-picker-header .yc-picker-header-icon:hover,.yc-panel-year .yc-panel-date-inner .yc-picker-header .yc-picker-header-icon:hover,.yc-panel-month .yc-panel-date-inner .yc-picker-header .yc-picker-header-icon:hover,.yc-panel-week .yc-panel-date-inner .yc-picker-header .yc-picker-header-icon:hover,.yc-panel-date .yc-panel-date-inner .yc-picker-header .yc-picker-header-icon:hover{background-color:var(--color-fill-3)}.yc-panel-year .yc-panel-year-inner .yc-picker-header .yc-picker-header-title,.yc-panel-month .yc-panel-year-inner .yc-picker-header .yc-picker-header-title,.yc-panel-week .yc-panel-year-inner .yc-picker-header .yc-picker-header-title,.yc-panel-date .yc-panel-year-inner .yc-picker-header .yc-picker-header-title,.yc-panel-year .yc-panel-month-inner .yc-picker-header .yc-picker-header-title,.yc-panel-month .yc-panel-month-inner .yc-picker-header .yc-picker-header-title,.yc-panel-week .yc-panel-month-inner .yc-picker-header .yc-picker-header-title,.yc-panel-date .yc-panel-month-inner .yc-picker-header .yc-picker-header-title,.yc-panel-year .yc-panel-week-inner .yc-picker-header .yc-picker-header-title,.yc-panel-month .yc-panel-week-inner .yc-picker-header .yc-picker-header-title,.yc-panel-week .yc-panel-week-inner .yc-picker-header .yc-picker-header-title,.yc-panel-date .yc-panel-week-inner .yc-picker-header .yc-picker-header-title,.yc-panel-year .yc-panel-date-inner .yc-picker-header .yc-picker-header-title,.yc-panel-month .yc-panel-date-inner .yc-picker-header .yc-picker-header-title,.yc-panel-week .yc-panel-date-inner .yc-picker-header .yc-picker-header-title,.yc-panel-date .yc-panel-date-inner .yc-picker-header .yc-picker-header-title{flex:1;color:var(--color-text-1);font-size:14px;line-height:24px;display:flex;justify-content:center;align-items:center}.yc-panel-year .yc-panel-year-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label,.yc-panel-month .yc-panel-year-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label,.yc-panel-week .yc-panel-year-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label,.yc-panel-date .yc-panel-year-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label,.yc-panel-year .yc-panel-month-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label,.yc-panel-month .yc-panel-month-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label,.yc-panel-week .yc-panel-month-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label,.yc-panel-date .yc-panel-month-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label,.yc-panel-year .yc-panel-week-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label,.yc-panel-month .yc-panel-week-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label,.yc-panel-week .yc-panel-week-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label,.yc-panel-date .yc-panel-week-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label,.yc-panel-year .yc-panel-date-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label,.yc-panel-month .yc-panel-date-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label,.yc-panel-week .yc-panel-date-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label,.yc-panel-date .yc-panel-date-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label{cursor:pointer;padding:2px;border-radius:2px;transition:all .1s}.yc-panel-year .yc-panel-year-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label:hover,.yc-panel-month .yc-panel-year-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label:hover,.yc-panel-week .yc-panel-year-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label:hover,.yc-panel-date .yc-panel-year-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label:hover,.yc-panel-year .yc-panel-month-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label:hover,.yc-panel-month .yc-panel-month-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label:hover,.yc-panel-week .yc-panel-month-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label:hover,.yc-panel-date .yc-panel-month-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label:hover,.yc-panel-year .yc-panel-week-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label:hover,.yc-panel-month .yc-panel-week-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label:hover,.yc-panel-week .yc-panel-week-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label:hover,.yc-panel-date .yc-panel-week-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label:hover,.yc-panel-year .yc-panel-date-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label:hover,.yc-panel-month .yc-panel-date-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label:hover,.yc-panel-week .yc-panel-date-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label:hover,.yc-panel-date .yc-panel-date-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label:hover{background-color:var(--color-fill-3)}.yc-panel-year .yc-panel-year-inner .yc-picker-week-list,.yc-panel-month .yc-panel-year-inner .yc-picker-week-list,.yc-panel-week .yc-panel-year-inner .yc-picker-week-list,.yc-panel-date .yc-panel-year-inner .yc-picker-week-list,.yc-panel-year .yc-panel-month-inner .yc-picker-week-list,.yc-panel-month .yc-panel-month-inner .yc-picker-week-list,.yc-panel-week .yc-panel-month-inner .yc-picker-week-list,.yc-panel-date .yc-panel-month-inner .yc-picker-week-list,.yc-panel-year .yc-panel-week-inner .yc-picker-week-list,.yc-panel-month .yc-panel-week-inner .yc-picker-week-list,.yc-panel-week .yc-panel-week-inner .yc-picker-week-list,.yc-panel-date .yc-panel-week-inner .yc-picker-week-list,.yc-panel-year .yc-panel-date-inner .yc-picker-week-list,.yc-panel-month .yc-panel-date-inner .yc-picker-week-list,.yc-panel-week .yc-panel-date-inner .yc-picker-week-list,.yc-panel-date .yc-panel-date-inner .yc-picker-week-list{width:100%;padding:14px 16px 0 16px;display:flex}.yc-panel-year .yc-panel-year-inner .yc-picker-week-list .yc-picker-week-list-item,.yc-panel-month .yc-panel-year-inner .yc-picker-week-list .yc-picker-week-list-item,.yc-panel-week .yc-panel-year-inner .yc-picker-week-list .yc-picker-week-list-item,.yc-panel-date .yc-panel-year-inner .yc-picker-week-list .yc-picker-week-list-item,.yc-panel-year .yc-panel-month-inner .yc-picker-week-list .yc-picker-week-list-item,.yc-panel-month .yc-panel-month-inner .yc-picker-week-list .yc-picker-week-list-item,.yc-panel-week .yc-panel-month-inner .yc-picker-week-list .yc-picker-week-list-item,.yc-panel-date .yc-panel-month-inner .yc-picker-week-list .yc-picker-week-list-item,.yc-panel-year .yc-panel-week-inner .yc-picker-week-list .yc-picker-week-list-item,.yc-panel-month .yc-panel-week-inner .yc-picker-week-list .yc-picker-week-list-item,.yc-panel-week .yc-panel-week-inner .yc-picker-week-list .yc-picker-week-list-item,.yc-panel-date .yc-panel-week-inner .yc-picker-week-list .yc-picker-week-list-item,.yc-panel-year .yc-panel-date-inner .yc-picker-week-list .yc-picker-week-list-item,.yc-panel-month .yc-panel-date-inner .yc-picker-week-list .yc-picker-week-list-item,.yc-panel-week .yc-panel-date-inner .yc-picker-week-list .yc-picker-week-list-item,.yc-panel-date .yc-panel-date-inner .yc-picker-week-list .yc-picker-week-list-item{flex:1;height:32px;padding:0;color:#7d7d7f;font-weight:400;display:flex;justify-content:center;align-items:center}.yc-panel-year .yc-panel-year-inner .yc-picker-body,.yc-panel-month .yc-panel-year-inner .yc-picker-body,.yc-panel-week .yc-panel-year-inner .yc-picker-body,.yc-panel-date .yc-panel-year-inner .yc-picker-body,.yc-panel-year .yc-panel-month-inner .yc-picker-body,.yc-panel-month .yc-panel-month-inner .yc-picker-body,.yc-panel-week .yc-panel-month-inner .yc-picker-body,.yc-panel-date .yc-panel-month-inner .yc-picker-body,.yc-panel-year .yc-panel-week-inner .yc-picker-body,.yc-panel-month .yc-panel-week-inner .yc-picker-body,.yc-panel-week .yc-panel-week-inner .yc-picker-body,.yc-panel-date .yc-panel-week-inner .yc-picker-body,.yc-panel-year .yc-panel-date-inner .yc-picker-body,.yc-panel-month .yc-panel-date-inner .yc-picker-body,.yc-panel-week .yc-panel-date-inner .yc-picker-body,.yc-panel-date .yc-panel-date-inner .yc-picker-body{padding:14px 16px}.yc-panel-year .yc-panel-year-inner .yc-picker-body .yc-picker-row,.yc-panel-month .yc-panel-year-inner .yc-picker-body .yc-picker-row,.yc-panel-week .yc-panel-year-inner .yc-picker-body .yc-picker-row,.yc-panel-date .yc-panel-year-inner .yc-picker-body .yc-picker-row,.yc-panel-year .yc-panel-month-inner .yc-picker-body .yc-picker-row,.yc-panel-month .yc-panel-month-inner .yc-picker-body .yc-picker-row,.yc-panel-week .yc-panel-month-inner .yc-picker-body .yc-picker-row,.yc-panel-date .yc-panel-month-inner .yc-picker-body .yc-picker-row,.yc-panel-year .yc-panel-week-inner .yc-picker-body .yc-picker-row,.yc-panel-month .yc-panel-week-inner .yc-picker-body .yc-picker-row,.yc-panel-week .yc-panel-week-inner .yc-picker-body .yc-picker-row,.yc-panel-date .yc-panel-week-inner .yc-picker-body .yc-picker-row,.yc-panel-year .yc-panel-date-inner .yc-picker-body .yc-picker-row,.yc-panel-month .yc-panel-date-inner .yc-picker-body .yc-picker-row,.yc-panel-week .yc-panel-date-inner .yc-picker-body .yc-picker-row,.yc-panel-date .yc-panel-date-inner .yc-picker-body .yc-picker-row{padding:2px 0;display:flex}.yc-panel-year .yc-panel-date-timepicker,.yc-panel-month .yc-panel-date-timepicker,.yc-panel-week .yc-panel-date-timepicker,.yc-panel-date .yc-panel-date-timepicker{border-left:1px solid var(--color-neutral-3);display:flex;flex-direction:column}.yc-panel-year .yc-panel-date-timepicker .yc-panel-date-timepicker-title,.yc-panel-month .yc-panel-date-timepicker .yc-panel-date-timepicker-title,.yc-panel-week .yc-panel-date-timepicker .yc-panel-date-timepicker-title,.yc-panel-date .yc-panel-date-timepicker .yc-panel-date-timepicker-title{width:100%;height:40px;border-bottom:1px solid var(--color-neutral-3);color:var(--color-text-1);font-weight:400;font-size:14px;display:flex;justify-content:center;align-items:center}.yc-panel-year .yc-panel-date-timepicker .yc-timepicker-container,.yc-panel-month .yc-panel-date-timepicker .yc-timepicker-container,.yc-panel-week .yc-panel-date-timepicker .yc-timepicker-container,.yc-panel-date .yc-panel-date-timepicker .yc-timepicker-container{height:276px;padding:0 6px;border:none;box-shadow:none}.yc-panel-year .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker,.yc-panel-month .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker,.yc-panel-week .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker,.yc-panel-date .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker{height:100%}.yc-panel-year .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker .yc-timepicker-column,.yc-panel-month .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker .yc-timepicker-column,.yc-panel-week .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker .yc-timepicker-column,.yc-panel-date .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker .yc-timepicker-column{height:100%;width:fit-content;padding:0 4px;border:none}.yc-panel-year .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker .yc-timepicker-column .yc-scrollbar .yc-scrollbar-container::-webkit-scrollbar,.yc-panel-month .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker .yc-timepicker-column .yc-scrollbar .yc-scrollbar-container::-webkit-scrollbar,.yc-panel-week .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker .yc-timepicker-column .yc-scrollbar .yc-scrollbar-container::-webkit-scrollbar,.yc-panel-date .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker .yc-timepicker-column .yc-scrollbar .yc-scrollbar-container::-webkit-scrollbar{display:none}.yc-panel-year .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker .yc-timepicker-column .yc-scrollbar .yc-scrollbar-container ul::after,.yc-panel-month .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker .yc-timepicker-column .yc-scrollbar .yc-scrollbar-container ul::after,.yc-panel-week .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker .yc-timepicker-column .yc-scrollbar .yc-scrollbar-container ul::after,.yc-panel-date .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker .yc-timepicker-column .yc-scrollbar .yc-scrollbar-container ul::after{height:244px}.yc-panel-year .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker .yc-timepicker-column .yc-scrollbar .yc-scrollbar-container ul .yc-timepicker-cell,.yc-panel-month .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker .yc-timepicker-column .yc-scrollbar .yc-scrollbar-container ul .yc-timepicker-cell,.yc-panel-week .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker .yc-timepicker-column .yc-scrollbar .yc-scrollbar-container ul .yc-timepicker-cell,.yc-panel-date .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker .yc-timepicker-column .yc-scrollbar .yc-scrollbar-container ul .yc-timepicker-cell{width:36px;height:32px}.yc-panel-year .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker .yc-timepicker-column .yc-scrollbar .yc-scrollbar-container ul .yc-timepicker-cell .yc-timepicker-cell-inner,.yc-panel-month .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker .yc-timepicker-column .yc-scrollbar .yc-scrollbar-container ul .yc-timepicker-cell .yc-timepicker-cell-inner,.yc-panel-week .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker .yc-timepicker-column .yc-scrollbar .yc-scrollbar-container ul .yc-timepicker-cell .yc-timepicker-cell-inner,.yc-panel-date .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker .yc-timepicker-column .yc-scrollbar .yc-scrollbar-container ul .yc-timepicker-cell .yc-timepicker-cell-inner{padding-left:10px}.yc-panel-week .yc-panel-week-inner{width:298px}.yc-panel-week .yc-panel-week-inner .yc-picker-body .yc-picker-week-row:not(.yc-picker-week-row-selected):not(
+.yc-picker-allow-clear:not(.yc-input-disabled):hover .yc-icon-button{display:flex}.yc-picker-allow-clear:not(.yc-input-disabled):hover .yc-picker-suffix-icon{display:none}.yc-picker-allow-clear .yc-icon-button{font-size:16px;display:none}.yc-picker-allow-clear .yc-picker-suffix-icon{font-size:16px;height:100%;display:flex;justify-content:center;align-items:center}.yc-input-outer.yc-picker-active .yc-input-wrapper{background-color:var(--color-bg-2);border-color:rgb(var(--primary-6));box-shadow:0 0 0 0 var(--color-primary-light-2)}.yc-input-outer.yc-picker-active.yc-input-error .yc-input-wrapper{background:var(--color-bg-2);border-color:rgb(var(--danger-6));box-shadow:0 0 0 0 var(--color-danger-light-2)}.yc-picker-container{overflow:hidden;min-height:60px;background-color:var(--color-bg-popup);border:1px solid var(--color-neutral-3);border-radius:var(--border-radius-medium);box-shadow:0 2px 5px #0000001a;display:flex}.yc-picker-container .yc-picker-panel-wrapper .yc-picker-container{border:none;border-radius:0;box-shadow:none}.yc-picker-container .yc-picker-panel-wrapper .yc-picker-footer{width:min-content;min-width:100%}.yc-picker-container .yc-picker-panel-wrapper .yc-picker-footer .yc-picker-footer-extra-wrapper{padding:8px 24px;border-top:1px solid var(--color-neutral-3);color:var(--color-text-1);font-size:12px}.yc-picker-container .yc-picker-panel-wrapper .yc-picker-footer .yc-picker-footer-btn-wrapper{width:100%;padding:8px;border-top:1px solid var(--color-neutral-3);display:flex;align-items:center;justify-content:space-between;gap:10px}.yc-picker-container .yc-picker-panel-wrapper .yc-picker-footer .yc-picker-footer-now-wrapper{height:36px;border-top:1px solid var(--color-neutral-3);line-height:36px;display:flex;justify-content:center;align-items:center}.yc-picker-container .yc-picker-shortcuts{overflow-y:auto;padding:10px 8px;flex:1;display:flex;flex-direction:column;gap:5px}.yc-picker-container .yc-picker-shortcuts.yc-picker-shortcuts-left{border-right:1px solid var(--color-neutral-3)}.yc-picker-container .yc-picker-shortcuts.yc-picker-shortcuts-right{border-left:1px solid var(--color-neutral-3)}.yc-picker-container .yc-picker-shortcuts.yc-picker-shortcuts-bottom{padding:0;overflow:hidden;flex-direction:row;flex-wrap:wrap;gap:5px 10px}.yc-picker-container-shortcuts-right{flex-direction:row-reverse}.yc-picker-container-shortcuts-bottom{flex-direction:row-reverse}.yc-picker-container-shortcuts-bottom .yc-picker-panel-wrapper .yc-picker-footer .yc-picker-footer-btn-wrapper{justify-content:space-between}.yc-panel-year,.yc-panel-month,.yc-panel-week,.yc-panel-date{display:flex}.yc-panel-year .yc-panel-year-inner,.yc-panel-month .yc-panel-year-inner,.yc-panel-week .yc-panel-year-inner,.yc-panel-date .yc-panel-year-inner,.yc-panel-year .yc-panel-month-inner,.yc-panel-month .yc-panel-month-inner,.yc-panel-week .yc-panel-month-inner,.yc-panel-date .yc-panel-month-inner,.yc-panel-year .yc-panel-week-inner,.yc-panel-month .yc-panel-week-inner,.yc-panel-week .yc-panel-week-inner,.yc-panel-date .yc-panel-week-inner,.yc-panel-year .yc-panel-date-inner,.yc-panel-month .yc-panel-date-inner,.yc-panel-week .yc-panel-date-inner,.yc-panel-date .yc-panel-date-inner{display:flex;flex-direction:column;width:265px}.yc-panel-year .yc-panel-year-inner .yc-picker-header,.yc-panel-month .yc-panel-year-inner .yc-picker-header,.yc-panel-week .yc-panel-year-inner .yc-picker-header,.yc-panel-date .yc-panel-year-inner .yc-picker-header,.yc-panel-year .yc-panel-month-inner .yc-picker-header,.yc-panel-month .yc-panel-month-inner .yc-picker-header,.yc-panel-week .yc-panel-month-inner .yc-picker-header,.yc-panel-date .yc-panel-month-inner .yc-picker-header,.yc-panel-year .yc-panel-week-inner .yc-picker-header,.yc-panel-month .yc-panel-week-inner .yc-picker-header,.yc-panel-week .yc-panel-week-inner .yc-picker-header,.yc-panel-date .yc-panel-week-inner .yc-picker-header,.yc-panel-year .yc-panel-date-inner .yc-picker-header,.yc-panel-month .yc-panel-date-inner .yc-picker-header,.yc-panel-week .yc-panel-date-inner .yc-picker-header,.yc-panel-date .yc-panel-date-inner .yc-picker-header{height:40px;padding:0 16px;border-bottom:1px solid var(--color-neutral-3);display:flex;align-items:center}.yc-panel-year .yc-panel-year-inner .yc-picker-header .yc-picker-header-icon,.yc-panel-month .yc-panel-year-inner .yc-picker-header .yc-picker-header-icon,.yc-panel-week .yc-panel-year-inner .yc-picker-header .yc-picker-header-icon,.yc-panel-date .yc-panel-year-inner .yc-picker-header .yc-picker-header-icon,.yc-panel-year .yc-panel-month-inner .yc-picker-header .yc-picker-header-icon,.yc-panel-month .yc-panel-month-inner .yc-picker-header .yc-picker-header-icon,.yc-panel-week .yc-panel-month-inner .yc-picker-header .yc-picker-header-icon,.yc-panel-date .yc-panel-month-inner .yc-picker-header .yc-picker-header-icon,.yc-panel-year .yc-panel-week-inner .yc-picker-header .yc-picker-header-icon,.yc-panel-month .yc-panel-week-inner .yc-picker-header .yc-picker-header-icon,.yc-panel-week .yc-panel-week-inner .yc-picker-header .yc-picker-header-icon,.yc-panel-date .yc-panel-week-inner .yc-picker-header .yc-picker-header-icon,.yc-panel-year .yc-panel-date-inner .yc-picker-header .yc-picker-header-icon,.yc-panel-month .yc-panel-date-inner .yc-picker-header .yc-picker-header-icon,.yc-panel-week .yc-panel-date-inner .yc-picker-header .yc-picker-header-icon,.yc-panel-date .yc-panel-date-inner .yc-picker-header .yc-picker-header-icon{cursor:pointer;width:24px;height:24px;margin-right:2px;margin-left:2px;color:var(--color-text-2);font-size:12px;line-height:24px;text-align:center;background-color:var(--color-bg-popup);border-radius:50%;transition:all .1s cubic-bezier(0, 0, 1, 1);user-select:none}.yc-panel-year .yc-panel-year-inner .yc-picker-header .yc-picker-header-icon:hover,.yc-panel-month .yc-panel-year-inner .yc-picker-header .yc-picker-header-icon:hover,.yc-panel-week .yc-panel-year-inner .yc-picker-header .yc-picker-header-icon:hover,.yc-panel-date .yc-panel-year-inner .yc-picker-header .yc-picker-header-icon:hover,.yc-panel-year .yc-panel-month-inner .yc-picker-header .yc-picker-header-icon:hover,.yc-panel-month .yc-panel-month-inner .yc-picker-header .yc-picker-header-icon:hover,.yc-panel-week .yc-panel-month-inner .yc-picker-header .yc-picker-header-icon:hover,.yc-panel-date .yc-panel-month-inner .yc-picker-header .yc-picker-header-icon:hover,.yc-panel-year .yc-panel-week-inner .yc-picker-header .yc-picker-header-icon:hover,.yc-panel-month .yc-panel-week-inner .yc-picker-header .yc-picker-header-icon:hover,.yc-panel-week .yc-panel-week-inner .yc-picker-header .yc-picker-header-icon:hover,.yc-panel-date .yc-panel-week-inner .yc-picker-header .yc-picker-header-icon:hover,.yc-panel-year .yc-panel-date-inner .yc-picker-header .yc-picker-header-icon:hover,.yc-panel-month .yc-panel-date-inner .yc-picker-header .yc-picker-header-icon:hover,.yc-panel-week .yc-panel-date-inner .yc-picker-header .yc-picker-header-icon:hover,.yc-panel-date .yc-panel-date-inner .yc-picker-header .yc-picker-header-icon:hover{background-color:var(--color-fill-3)}.yc-panel-year .yc-panel-year-inner .yc-picker-header .yc-picker-header-title,.yc-panel-month .yc-panel-year-inner .yc-picker-header .yc-picker-header-title,.yc-panel-week .yc-panel-year-inner .yc-picker-header .yc-picker-header-title,.yc-panel-date .yc-panel-year-inner .yc-picker-header .yc-picker-header-title,.yc-panel-year .yc-panel-month-inner .yc-picker-header .yc-picker-header-title,.yc-panel-month .yc-panel-month-inner .yc-picker-header .yc-picker-header-title,.yc-panel-week .yc-panel-month-inner .yc-picker-header .yc-picker-header-title,.yc-panel-date .yc-panel-month-inner .yc-picker-header .yc-picker-header-title,.yc-panel-year .yc-panel-week-inner .yc-picker-header .yc-picker-header-title,.yc-panel-month .yc-panel-week-inner .yc-picker-header .yc-picker-header-title,.yc-panel-week .yc-panel-week-inner .yc-picker-header .yc-picker-header-title,.yc-panel-date .yc-panel-week-inner .yc-picker-header .yc-picker-header-title,.yc-panel-year .yc-panel-date-inner .yc-picker-header .yc-picker-header-title,.yc-panel-month .yc-panel-date-inner .yc-picker-header .yc-picker-header-title,.yc-panel-week .yc-panel-date-inner .yc-picker-header .yc-picker-header-title,.yc-panel-date .yc-panel-date-inner .yc-picker-header .yc-picker-header-title{flex:1;color:var(--color-text-1);font-size:14px;line-height:24px;display:flex;justify-content:center;align-items:center}.yc-panel-year .yc-panel-year-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label,.yc-panel-month .yc-panel-year-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label,.yc-panel-week .yc-panel-year-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label,.yc-panel-date .yc-panel-year-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label,.yc-panel-year .yc-panel-month-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label,.yc-panel-month .yc-panel-month-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label,.yc-panel-week .yc-panel-month-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label,.yc-panel-date .yc-panel-month-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label,.yc-panel-year .yc-panel-week-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label,.yc-panel-month .yc-panel-week-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label,.yc-panel-week .yc-panel-week-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label,.yc-panel-date .yc-panel-week-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label,.yc-panel-year .yc-panel-date-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label,.yc-panel-month .yc-panel-date-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label,.yc-panel-week .yc-panel-date-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label,.yc-panel-date .yc-panel-date-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label{cursor:pointer;padding:2px;border-radius:2px;transition:all .1s}.yc-panel-year .yc-panel-year-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label:hover,.yc-panel-month .yc-panel-year-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label:hover,.yc-panel-week .yc-panel-year-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label:hover,.yc-panel-date .yc-panel-year-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label:hover,.yc-panel-year .yc-panel-month-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label:hover,.yc-panel-month .yc-panel-month-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label:hover,.yc-panel-week .yc-panel-month-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label:hover,.yc-panel-date .yc-panel-month-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label:hover,.yc-panel-year .yc-panel-week-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label:hover,.yc-panel-month .yc-panel-week-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label:hover,.yc-panel-week .yc-panel-week-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label:hover,.yc-panel-date .yc-panel-week-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label:hover,.yc-panel-year .yc-panel-date-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label:hover,.yc-panel-month .yc-panel-date-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label:hover,.yc-panel-week .yc-panel-date-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label:hover,.yc-panel-date .yc-panel-date-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label:hover{background-color:var(--color-fill-3)}.yc-panel-year .yc-panel-year-inner .yc-picker-week-list,.yc-panel-month .yc-panel-year-inner .yc-picker-week-list,.yc-panel-week .yc-panel-year-inner .yc-picker-week-list,.yc-panel-date .yc-panel-year-inner .yc-picker-week-list,.yc-panel-year .yc-panel-month-inner .yc-picker-week-list,.yc-panel-month .yc-panel-month-inner .yc-picker-week-list,.yc-panel-week .yc-panel-month-inner .yc-picker-week-list,.yc-panel-date .yc-panel-month-inner .yc-picker-week-list,.yc-panel-year .yc-panel-week-inner .yc-picker-week-list,.yc-panel-month .yc-panel-week-inner .yc-picker-week-list,.yc-panel-week .yc-panel-week-inner .yc-picker-week-list,.yc-panel-date .yc-panel-week-inner .yc-picker-week-list,.yc-panel-year .yc-panel-date-inner .yc-picker-week-list,.yc-panel-month .yc-panel-date-inner .yc-picker-week-list,.yc-panel-week .yc-panel-date-inner .yc-picker-week-list,.yc-panel-date .yc-panel-date-inner .yc-picker-week-list{width:100%;padding:14px 16px 0 16px;display:flex}.yc-panel-year .yc-panel-year-inner .yc-picker-week-list .yc-picker-week-list-item,.yc-panel-month .yc-panel-year-inner .yc-picker-week-list .yc-picker-week-list-item,.yc-panel-week .yc-panel-year-inner .yc-picker-week-list .yc-picker-week-list-item,.yc-panel-date .yc-panel-year-inner .yc-picker-week-list .yc-picker-week-list-item,.yc-panel-year .yc-panel-month-inner .yc-picker-week-list .yc-picker-week-list-item,.yc-panel-month .yc-panel-month-inner .yc-picker-week-list .yc-picker-week-list-item,.yc-panel-week .yc-panel-month-inner .yc-picker-week-list .yc-picker-week-list-item,.yc-panel-date .yc-panel-month-inner .yc-picker-week-list .yc-picker-week-list-item,.yc-panel-year .yc-panel-week-inner .yc-picker-week-list .yc-picker-week-list-item,.yc-panel-month .yc-panel-week-inner .yc-picker-week-list .yc-picker-week-list-item,.yc-panel-week .yc-panel-week-inner .yc-picker-week-list .yc-picker-week-list-item,.yc-panel-date .yc-panel-week-inner .yc-picker-week-list .yc-picker-week-list-item,.yc-panel-year .yc-panel-date-inner .yc-picker-week-list .yc-picker-week-list-item,.yc-panel-month .yc-panel-date-inner .yc-picker-week-list .yc-picker-week-list-item,.yc-panel-week .yc-panel-date-inner .yc-picker-week-list .yc-picker-week-list-item,.yc-panel-date .yc-panel-date-inner .yc-picker-week-list .yc-picker-week-list-item{flex:1;height:32px;padding:0;color:#7d7d7f;font-weight:400;display:flex;justify-content:center;align-items:center}.yc-panel-year .yc-panel-year-inner .yc-picker-body,.yc-panel-month .yc-panel-year-inner .yc-picker-body,.yc-panel-week .yc-panel-year-inner .yc-picker-body,.yc-panel-date .yc-panel-year-inner .yc-picker-body,.yc-panel-year .yc-panel-month-inner .yc-picker-body,.yc-panel-month .yc-panel-month-inner .yc-picker-body,.yc-panel-week .yc-panel-month-inner .yc-picker-body,.yc-panel-date .yc-panel-month-inner .yc-picker-body,.yc-panel-year .yc-panel-week-inner .yc-picker-body,.yc-panel-month .yc-panel-week-inner .yc-picker-body,.yc-panel-week .yc-panel-week-inner .yc-picker-body,.yc-panel-date .yc-panel-week-inner .yc-picker-body,.yc-panel-year .yc-panel-date-inner .yc-picker-body,.yc-panel-month .yc-panel-date-inner .yc-picker-body,.yc-panel-week .yc-panel-date-inner .yc-picker-body,.yc-panel-date .yc-panel-date-inner .yc-picker-body{padding:14px 16px}.yc-panel-year .yc-panel-year-inner .yc-picker-body .yc-picker-row,.yc-panel-month .yc-panel-year-inner .yc-picker-body .yc-picker-row,.yc-panel-week .yc-panel-year-inner .yc-picker-body .yc-picker-row,.yc-panel-date .yc-panel-year-inner .yc-picker-body .yc-picker-row,.yc-panel-year .yc-panel-month-inner .yc-picker-body .yc-picker-row,.yc-panel-month .yc-panel-month-inner .yc-picker-body .yc-picker-row,.yc-panel-week .yc-panel-month-inner .yc-picker-body .yc-picker-row,.yc-panel-date .yc-panel-month-inner .yc-picker-body .yc-picker-row,.yc-panel-year .yc-panel-week-inner .yc-picker-body .yc-picker-row,.yc-panel-month .yc-panel-week-inner .yc-picker-body .yc-picker-row,.yc-panel-week .yc-panel-week-inner .yc-picker-body .yc-picker-row,.yc-panel-date .yc-panel-week-inner .yc-picker-body .yc-picker-row,.yc-panel-year .yc-panel-date-inner .yc-picker-body .yc-picker-row,.yc-panel-month .yc-panel-date-inner .yc-picker-body .yc-picker-row,.yc-panel-week .yc-panel-date-inner .yc-picker-body .yc-picker-row,.yc-panel-date .yc-panel-date-inner .yc-picker-body .yc-picker-row{padding:2px 0;display:flex}.yc-panel-year .yc-panel-date-timepicker,.yc-panel-month .yc-panel-date-timepicker,.yc-panel-week .yc-panel-date-timepicker,.yc-panel-date .yc-panel-date-timepicker{border-left:1px solid var(--color-neutral-3);display:flex;flex-direction:column}.yc-panel-year .yc-panel-date-timepicker .yc-panel-date-timepicker-title,.yc-panel-month .yc-panel-date-timepicker .yc-panel-date-timepicker-title,.yc-panel-week .yc-panel-date-timepicker .yc-panel-date-timepicker-title,.yc-panel-date .yc-panel-date-timepicker .yc-panel-date-timepicker-title{width:100%;height:40px;border-bottom:1px solid var(--color-neutral-3);color:var(--color-text-1);font-weight:400;font-size:14px;display:flex;justify-content:center;align-items:center}.yc-panel-year .yc-panel-date-timepicker .yc-timepicker-container,.yc-panel-month .yc-panel-date-timepicker .yc-timepicker-container,.yc-panel-week .yc-panel-date-timepicker .yc-timepicker-container,.yc-panel-date .yc-panel-date-timepicker .yc-timepicker-container{height:276px;padding:0 6px;border:none;box-shadow:none}.yc-panel-year .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker,.yc-panel-month .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker,.yc-panel-week .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker,.yc-panel-date .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker{height:100%}.yc-panel-year .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker .yc-timepicker-column,.yc-panel-month .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker .yc-timepicker-column,.yc-panel-week .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker .yc-timepicker-column,.yc-panel-date .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker .yc-timepicker-column{height:100%;width:fit-content;padding:0 4px;border:none}.yc-panel-year .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker .yc-timepicker-column .yc-scrollbar .yc-scrollbar-container::-webkit-scrollbar,.yc-panel-month .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker .yc-timepicker-column .yc-scrollbar .yc-scrollbar-container::-webkit-scrollbar,.yc-panel-week .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker .yc-timepicker-column .yc-scrollbar .yc-scrollbar-container::-webkit-scrollbar,.yc-panel-date .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker .yc-timepicker-column .yc-scrollbar .yc-scrollbar-container::-webkit-scrollbar{display:none}.yc-panel-year .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker .yc-timepicker-column .yc-scrollbar .yc-scrollbar-container ul::after,.yc-panel-month .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker .yc-timepicker-column .yc-scrollbar .yc-scrollbar-container ul::after,.yc-panel-week .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker .yc-timepicker-column .yc-scrollbar .yc-scrollbar-container ul::after,.yc-panel-date .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker .yc-timepicker-column .yc-scrollbar .yc-scrollbar-container ul::after{height:244px}.yc-panel-year .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker .yc-timepicker-column .yc-scrollbar .yc-scrollbar-container ul .yc-timepicker-cell,.yc-panel-month .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker .yc-timepicker-column .yc-scrollbar .yc-scrollbar-container ul .yc-timepicker-cell,.yc-panel-week .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker .yc-timepicker-column .yc-scrollbar .yc-scrollbar-container ul .yc-timepicker-cell,.yc-panel-date .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker .yc-timepicker-column .yc-scrollbar .yc-scrollbar-container ul .yc-timepicker-cell{width:36px;height:32px}.yc-panel-year .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker .yc-timepicker-column .yc-scrollbar .yc-scrollbar-container ul .yc-timepicker-cell .yc-timepicker-cell-inner,.yc-panel-month .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker .yc-timepicker-column .yc-scrollbar .yc-scrollbar-container ul .yc-timepicker-cell .yc-timepicker-cell-inner,.yc-panel-week .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker .yc-timepicker-column .yc-scrollbar .yc-scrollbar-container ul .yc-timepicker-cell .yc-timepicker-cell-inner,.yc-panel-date .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker .yc-timepicker-column .yc-scrollbar .yc-scrollbar-container ul .yc-timepicker-cell .yc-timepicker-cell-inner{padding-left:10px}.yc-panel-week .yc-panel-week-inner{width:298px}.yc-panel-week .yc-panel-week-inner .yc-picker-body .yc-picker-week-row:not(.yc-picker-week-row-selected):not(
             .yc-picker-week-row-disabled
           ):hover .yc-picker-cell:not(:first-child) .yc-picker-date .yc-picker-date-value{background-color:var(--color-fill-3)}.yc-panel-week .yc-panel-week-inner .yc-picker-body .yc-picker-week-row .yc-picker-cell .yc-picker-date{padding-left:0;padding-right:0}.yc-panel-week .yc-panel-week-inner .yc-picker-body .yc-picker-week-row .yc-picker-cell .yc-picker-date .yc-picker-date-value{border-radius:0}.yc-panel-week .yc-panel-week-inner .yc-picker-body .yc-picker-week-row .yc-week-picker-cell-first .yc-picker-date{border-top-left-radius:24px;border-bottom-left-radius:24px}.yc-panel-week .yc-panel-week-inner .yc-picker-body .yc-picker-week-row .yc-week-picker-cell-first .yc-picker-date .yc-picker-date-value{border-top-left-radius:24px;border-bottom-left-radius:24px}.yc-panel-week .yc-panel-week-inner .yc-picker-body .yc-picker-week-row .yc-week-picker-cell-last .yc-picker-date{border-top-right-radius:24px;border-bottom-right-radius:24px}.yc-panel-week .yc-panel-week-inner .yc-picker-body .yc-picker-week-row .yc-week-picker-cell-last .yc-picker-date .yc-picker-date-value{border-top-right-radius:24px;border-bottom-right-radius:24px}.yc-panel-week .yc-panel-week-inner .yc-picker-body .yc-picker-week-row-selected .yc-picker-cell:not(:first-child) .yc-picker-date .yc-picker-date-value{background-color:rgb(var(--primary-6));color:var(--color-white);transition:background-color .1s cubic-bezier(0, 0, 1, 1)}.yc-panel-week .yc-panel-week-inner .yc-picker-body .yc-picker-week-row-selected.yc-picker-week-row-disabled .yc-picker-cell:not(:first-child) .yc-picker-date .yc-picker-date-value{background-color:var(--color-link-light-3);color:var(--color-white)}.yc-panel-week .yc-panel-week-inner .yc-picker-body .yc-picker-week-row-disabled .yc-picker-cell:not(:first-child) .yc-picker-date{cursor:not-allowed;background-color:var(--color-fill-1)}.yc-panel-week .yc-panel-week-inner .yc-picker-body .yc-picker-week-row-disabled .yc-picker-cell:not(:first-child) .yc-picker-date .yc-picker-date-value{cursor:not-allowed;background-color:transparent;color:var(--color-text-4)}.yc-panel-week .yc-panel-week-inner .yc-picker-body,.yc-panel-date .yc-panel-week-inner .yc-picker-body,.yc-panel-week .yc-panel-date-inner .yc-picker-body,.yc-panel-date .yc-panel-date-inner .yc-picker-body{padding-top:0}.yc-picker-cell{flex:1}.yc-picker-cell .yc-picker-date{cursor:pointer;width:100%;height:100%;padding:4px;display:flex;justify-content:center}.yc-picker-cell .yc-picker-date .yc-picker-date-value{cursor:pointer;height:24px;width:100%;border-radius:24px;color:var(--color-text-4);font-size:14px;line-height:24px;text-align:center}.yc-picker-cell-in-view .yc-picker-date .yc-picker-date-value{color:var(--color-text-1);font-weight:500}.yc-picker-cell-today{position:relative}.yc-picker-cell-today:after{position:absolute;bottom:-2px;left:50%;display:block;width:4px;height:4px;margin-left:-2px;background-color:rgb(var(--primary-6));border-radius:50%;content:''}.yc-picker-cell-selected .yc-picker-date .yc-picker-date-value{color:var(--color-white);background-color:rgb(var(--primary-6));transition:background-color .1s cubic-bezier(0, 0, 1, 1)}.yc-picker-cell-disabled .yc-picker-date{background-color:var(--color-fill-1);cursor:not-allowed}.yc-picker-cell-disabled .yc-picker-date .yc-picker-date-value{color:var(--color-text-4);background-color:transparent;cursor:not-allowed}.yc-picker-cell-hoverable.yc-picker-cell-in-view:not(.yc-picker-cell-selected):not(.yc-picker-cell-disabled) .yc-picker-date .yc-picker-date-value:hover{color:var(--color-text-1);background-color:var(--color-fill-3)}

package/es/DatePicker/index.d.ts

@@ -58,14 +58,216 @@ declare const DatePicker: {
         pickerValue: import('./type').DatePickerValue;
         defaultPickerValue: import('./type').DatePickerValue;
         valueFormat: import('./type').ValueFormat;
-        showConfirmBtn: boolean;
         abbreviation: boolean;
+        showConfirmBtn: boolean;
         disabledDate: import('./type').DisabledDate;
         shortcutsPosition: import('./type').ShortcutsPosition;
         shortcuts: import('./type').ShortcutType[];
         previewShortcut: boolean;
         disabledInput: boolean;
-    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        timePickerRef: ({
+            $: import('vue').ComponentInternalInstance;
+            $data: {};
+            $props: {
+                readonly type?: import('..').TimePickerType | undefined;
+                readonly modelValue?: import('..').TimePickerValue | undefined;
+                readonly defaultValue?: import('..').TimePickerValue | undefined;
+                readonly disabled?: boolean | undefined;
+                readonly allowClear?: boolean | undefined;
+                readonly readonly?: boolean | undefined;
+                readonly error?: boolean | undefined;
+                readonly format?: string | undefined;
+                readonly placeholder?: string | string[] | undefined;
+                readonly size?: import('..').Size | undefined;
+                readonly popupContainer?: import('..').PopupContainer | undefined;
+                readonly step?: {
+                    hour?: number;
+                    minute?: number;
+                    second?: number;
+                } | undefined;
+                readonly disabledHours?: import('..').DisabledHours | undefined;
+                readonly disabledMinutes?: import('..').DisabledMinutes | undefined;
+                readonly disabledSeconds?: import('..').DisabledSeconds | undefined;
+                readonly hideDisabledOptions?: boolean | undefined;
+                readonly disableConfirm?: boolean | undefined;
+                readonly position?: import('..').TimePickerPosition | undefined;
+                readonly popupVisible?: boolean | undefined;
+                readonly defaultPopupVisible?: boolean | undefined;
+                readonly triggerProps?: import('..').TriggerProps | undefined;
+                readonly unmountOnClose?: boolean | undefined;
+                readonly hideTrigger?: boolean | undefined;
+                readonly scrollbar?: boolean | undefined;
+                readonly scrollOffset?: number | undefined;
+                readonly watchValueChange?: boolean | undefined;
+                readonly onChange?: ((timeString: string | (string | undefined)[] | undefined, time: Date | (Date | undefined)[] | undefined) => any) | undefined;
+                readonly "onUpdate:popupVisible"?: ((value: boolean) => any) | undefined;
+                readonly "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
+                readonly onClear?: (() => any) | undefined;
+                readonly onSelect?: ((timeString: string | (string | undefined)[] | undefined, time: Date | (Date | undefined)[] | undefined) => any) | undefined;
+                readonly "onUpdate:modelValue"?: ((value: import('..').TimePickerValue) => any) | undefined;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            } & {
+                panelRef: ({
+                    $: import('vue').ComponentInternalInstance;
+                    $data: {};
+                    $props: Partial<{}> & Omit<{} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>;
+                    $attrs: {
+                        [x: string]: unknown;
+                    };
+                    $refs: {
+                        [x: string]: unknown;
+                    };
+                    $slots: Readonly<{
+                        [name: string]: import('vue').Slot<any> | undefined;
+                    }>;
+                    $root: import('vue').ComponentPublicInstance | null;
+                    $parent: import('vue').ComponentPublicInstance | null;
+                    $host: Element | null;
+                    $emit: (event: string, ...args: any[]) => void;
+                    $el: HTMLDivElement;
+                    $options: import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {
+                        jump: (newDate: import('dayjs').Dayjs, oldDate?: import('dayjs').Dayjs) => Promise<void>;
+                    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                        beforeCreate?: (() => void) | (() => void)[];
+                        created?: (() => void) | (() => void)[];
+                        beforeMount?: (() => void) | (() => void)[];
+                        mounted?: (() => void) | (() => void)[];
+                        beforeUpdate?: (() => void) | (() => void)[];
+                        updated?: (() => void) | (() => void)[];
+                        activated?: (() => void) | (() => void)[];
+                        deactivated?: (() => void) | (() => void)[];
+                        beforeDestroy?: (() => void) | (() => void)[];
+                        beforeUnmount?: (() => void) | (() => void)[];
+                        destroyed?: (() => void) | (() => void)[];
+                        unmounted?: (() => void) | (() => void)[];
+                        renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                        renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                        errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+                    };
+                    $forceUpdate: () => void;
+                    $nextTick: typeof import('vue').nextTick;
+                    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+                } & Readonly<{}> & Omit<Readonly<{}> & Readonly<{}>, "jump"> & import('vue').ShallowUnwrapRef<{
+                    jump: (newDate: import('dayjs').Dayjs, oldDate?: import('dayjs').Dayjs) => Promise<void>;
+                }> & {} & import('@vue/runtime-core').ComponentCustomProperties & {} & {
+                    $slots: {
+                        extra?(_: {}): any;
+                    };
+                }) | null;
+            };
+            $slots: Readonly<{
+                [name: string]: import('vue').Slot<any> | undefined;
+            }>;
+            $root: import('vue').ComponentPublicInstance | null;
+            $parent: import('vue').ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: ((event: "change", timeString: string | (string | undefined)[] | undefined, time: Date | (Date | undefined)[] | undefined) => void) & ((event: "update:popupVisible", value: boolean) => void) & ((event: "popup-visible-change", value: boolean) => void) & ((event: "clear") => void) & ((event: "select", timeString: string | (string | undefined)[] | undefined, time: Date | (Date | undefined)[] | undefined) => void) & ((event: "update:modelValue", value: import('..').TimePickerValue) => void);
+            $el: any;
+            $options: import('vue').ComponentOptionsBase<Readonly<import('..').TimePickerProps> & Readonly<{
+                onChange?: ((timeString: string | (string | undefined)[] | undefined, time: Date | (Date | undefined)[] | undefined) => any) | undefined;
+                "onUpdate:popupVisible"?: ((value: boolean) => any) | undefined;
+                "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
+                onClear?: (() => any) | undefined;
+                onSelect?: ((timeString: string | (string | undefined)[] | undefined, time: Date | (Date | undefined)[] | undefined) => any) | undefined;
+                "onUpdate:modelValue"?: ((value: import('..').TimePickerValue) => any) | undefined;
+            }>, {
+                jump(date: import('dayjs').Dayjs, oldDate?: import('dayjs').Dayjs): void;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+                change: (timeString: string | (string | undefined)[] | undefined, time: Date | (Date | undefined)[] | undefined) => any;
+                "update:popupVisible": (value: boolean) => any;
+                "popup-visible-change": (value: boolean) => any;
+                clear: () => any;
+                select: (timeString: string | (string | undefined)[] | undefined, time: Date | (Date | undefined)[] | undefined) => any;
+                "update:modelValue": (value: import('..').TimePickerValue) => any;
+            }, string, {
+                error: boolean;
+                size: import('..').Size;
+                popupVisible: boolean;
+                defaultPopupVisible: boolean;
+                disabled: boolean;
+                position: import('..').TimePickerPosition;
+                unmountOnClose: boolean;
+                popupContainer: import('..').PopupContainer;
+                scrollbar: boolean;
+                type: import('..').TimePickerType;
+                placeholder: string | string[];
+                modelValue: import('..').TimePickerValue;
+                defaultValue: import('..').TimePickerValue;
+                allowClear: boolean;
+                readonly: boolean;
+                triggerProps: import('..').TriggerProps;
+                format: string;
+                hideDisabledOptions: boolean;
+                scrollOffset: number;
+                hideTrigger: boolean;
+                watchValueChange: boolean;
+                disabledHours: import('..').DisabledHours;
+                disabledMinutes: import('..').DisabledMinutes;
+                disabledSeconds: import('..').DisabledSeconds;
+            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import('vue').nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+        } & Readonly<{
+            error: boolean;
+            size: import('..').Size;
+            popupVisible: boolean;
+            defaultPopupVisible: boolean;
+            disabled: boolean;
+            position: import('..').TimePickerPosition;
+            unmountOnClose: boolean;
+            popupContainer: import('..').PopupContainer;
+            scrollbar: boolean;
+            type: import('..').TimePickerType;
+            placeholder: string | string[];
+            modelValue: import('..').TimePickerValue;
+            defaultValue: import('..').TimePickerValue;
+            allowClear: boolean;
+            readonly: boolean;
+            triggerProps: import('..').TriggerProps;
+            format: string;
+            hideDisabledOptions: boolean;
+            scrollOffset: number;
+            hideTrigger: boolean;
+            watchValueChange: boolean;
+            disabledHours: import('..').DisabledHours;
+            disabledMinutes: import('..').DisabledMinutes;
+            disabledSeconds: import('..').DisabledSeconds;
+        }> & Omit<Readonly<import('..').TimePickerProps> & Readonly<{
+            onChange?: ((timeString: string | (string | undefined)[] | undefined, time: Date | (Date | undefined)[] | undefined) => any) | undefined;
+            "onUpdate:popupVisible"?: ((value: boolean) => any) | undefined;
+            "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
+            onClear?: (() => any) | undefined;
+            onSelect?: ((timeString: string | (string | undefined)[] | undefined, time: Date | (Date | undefined)[] | undefined) => any) | undefined;
+            "onUpdate:modelValue"?: ((value: import('..').TimePickerValue) => any) | undefined;
+        }>, "jump" | ("error" | "size" | "popupVisible" | "defaultPopupVisible" | "disabled" | "position" | "unmountOnClose" | "popupContainer" | "scrollbar" | "type" | "placeholder" | "modelValue" | "defaultValue" | "allowClear" | "readonly" | "triggerProps" | "format" | "hideDisabledOptions" | "scrollOffset" | "hideTrigger" | "watchValueChange" | "disabledHours" | "disabledMinutes" | "disabledSeconds")> & import('vue').ShallowUnwrapRef<{
+            jump(date: import('dayjs').Dayjs, oldDate?: import('dayjs').Dayjs): void;
+        }> & {} & import('@vue/runtime-core').ComponentCustomProperties & {} & {
+            $slots: any;
+        }) | null;
+    }, any, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -108,8 +310,8 @@ declare const DatePicker: {
         pickerValue: import('./type').DatePickerValue;
         defaultPickerValue: import('./type').DatePickerValue;
         valueFormat: import('./type').ValueFormat;
-        showConfirmBtn: boolean;
         abbreviation: boolean;
+        showConfirmBtn: boolean;
         disabledDate: import('./type').DisabledDate;
         shortcutsPosition: import('./type').ShortcutsPosition;
         shortcuts: import('./type').ShortcutType[];
@@ -166,8 +368,8 @@ declare const DatePicker: {
     pickerValue: import('./type').DatePickerValue;
     defaultPickerValue: import('./type').DatePickerValue;
     valueFormat: import('./type').ValueFormat;
-    showConfirmBtn: boolean;
     abbreviation: boolean;
+    showConfirmBtn: boolean;
     disabledDate: import('./type').DisabledDate;
     shortcutsPosition: import('./type').ShortcutsPosition;
     shortcuts: import('./type').ShortcutType[];