element-pe 2.2.88 → 2.2.90

package/es/components/date-picker/src/date-picker-com/panel-date-pick.vue.d.ts

@@ -436,6 +436,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly link: boolean;
         readonly dark: boolean;
         readonly disabled: boolean;
+        readonly autofocus: boolean;
         readonly round: boolean;
         readonly circle: boolean;
         readonly tag: import("element-pe/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown>;
@@ -445,7 +446,6 @@ declare const _default: import("vue").DefineComponent<{
         readonly loading: boolean;
         readonly plain: boolean;
         readonly bg: boolean;
-        readonly autofocus: boolean;
     }>> & {
         ButtonGroup: import("vue").DefineComponent<{
             readonly size: {
@@ -575,6 +575,7 @@ declare const _default: import("vue").DefineComponent<{
             readonly validator: ((val: unknown) => boolean) | undefined;
             __epPropKey: true;
         };
+        readonly autofocus: import("element-pe/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     }, {
         props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
             readonly id: import("element-pe/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
@@ -653,6 +654,7 @@ declare const _default: import("vue").DefineComponent<{
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
             };
+            readonly autofocus: import("element-pe/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
         }>> & {
             onChange?: ((value: string) => any) | undefined;
             "onUpdate:modelValue"?: ((value: string) => any) | undefined;
@@ -922,6 +924,7 @@ declare const _default: import("vue").DefineComponent<{
             readonly validator: ((val: unknown) => boolean) | undefined;
             __epPropKey: true;
         };
+        readonly autofocus: import("element-pe/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     }>> & {
         onChange?: ((value: string) => any) | undefined;
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
@@ -952,6 +955,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly tabindex: import("element-pe/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
         readonly validateEvent: import("element-pe/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         readonly inputStyle: import("vue").StyleValue;
+        readonly autofocus: import("element-pe/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     }>> & Record<string, any>;
     TimePickPanel: import("vue").DefineComponent<{
         readonly datetimeRole: StringConstructor;
@@ -7557,274 +7561,10 @@ declare const _default: import("vue").DefineComponent<{
                 selecting: boolean;
             }, boolean>;
         }>> & {
-            onSelect?: ((...args: any[]) => any) | undefined;
-            onPick?: ((...args: any[]) => any) | undefined;
-            onChangerange?: ((...args: any[]) => any) | undefined;
+            [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
         }>>;
-        emit: (event: "select" | "pick" | "changerange", ...args: any[]) => void;
-        ns: {
-            namespace: import("vue").ComputedRef<string>;
-            b: (blockSuffix?: string) => string;
-            e: (element?: string | undefined) => string;
-            m: (modifier?: string | undefined) => string;
-            be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
-            em: (element?: string | undefined, modifier?: string | undefined) => string;
-            bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
-            bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
-            is: {
-                (name: string, state: boolean | undefined): string;
-                (name: string): string;
-            };
-            cssVar: (object: Record<string, string>) => Record<string, string>;
-            cssVarName: (name: string) => string;
-            cssVarBlock: (object: Record<string, string>) => Record<string, string>;
-            cssVarBlockName: (name: string) => string;
-        };
-        t: import("element-pe/es/hooks").Translator;
-        lang: import("vue").Ref<string>;
-        tbodyRef: import("vue").Ref<HTMLElement | undefined>;
-        currentCellRef: import("vue").Ref<HTMLElement | undefined>;
-        lastRow: import("vue").Ref<number | undefined>;
-        lastColumn: import("vue").Ref<number | undefined>;
-        tableRows: import("vue").Ref<{
-            column?: number | undefined;
-            customClass?: string | undefined;
-            disabled?: boolean | undefined;
-            end?: boolean | undefined;
-            inRange?: boolean | undefined;
-            row?: number | undefined;
-            selected?: {
-                clone: () => dayjs.Dayjs;
-                isValid: () => boolean;
-                year: {
-                    (): number;
-                    (value: number): dayjs.Dayjs;
-                };
-                month: {
-                    (): number;
-                    (value: number): dayjs.Dayjs;
-                };
-                date: {
-                    (): number;
-                    (value: number): dayjs.Dayjs;
-                };
-                day: {
-                    (): number;
-                    (value: number): dayjs.Dayjs;
-                };
-                hour: {
-                    (): number;
-                    (value: number): dayjs.Dayjs;
-                };
-                minute: {
-                    (): number;
-                    (value: number): dayjs.Dayjs;
-                };
-                second: {
-                    (): number;
-                    (value: number): dayjs.Dayjs;
-                };
-                millisecond: {
-                    (): number;
-                    (value: number): dayjs.Dayjs;
-                };
-                set: (unit: dayjs.UnitType, value: number) => dayjs.Dayjs;
-                get: (unit: dayjs.UnitType) => number;
-                add: (value: number, unit?: dayjs.ManipulateType | undefined) => dayjs.Dayjs;
-                subtract: (value: number, unit?: dayjs.ManipulateType | undefined) => dayjs.Dayjs;
-                startOf: (unit: dayjs.OpUnitType) => dayjs.Dayjs;
-                endOf: (unit: dayjs.OpUnitType) => dayjs.Dayjs;
-                format: (template?: string | undefined) => string;
-                diff: (date?: string | number | Date | dayjs.Dayjs | null | undefined, unit?: "year" | "month" | "date" | "dates" | "week" | "D" | "M" | "y" | "weeks" | "months" | "m" | "s" | "day" | "hour" | "minute" | "second" | "millisecond" | "hours" | "minutes" | "seconds" | "milliseconds" | "days" | "years" | "d" | "h" | "ms" | "w" | "quarter" | "quarters" | "Q" | undefined, float?: boolean | undefined) => number;
-                valueOf: () => number;
-                unix: () => number;
-                daysInMonth: () => number;
-                toDate: () => Date;
-                toJSON: () => string;
-                toISOString: () => string;
-                toString: () => string;
-                utcOffset: () => number;
-                isBefore: (date: string | number | Date | dayjs.Dayjs | null | undefined, unit?: dayjs.OpUnitType | undefined) => boolean;
-                isSame: (date: string | number | Date | dayjs.Dayjs | null | undefined, unit?: dayjs.OpUnitType | undefined) => boolean;
-                isAfter: (date: string | number | Date | dayjs.Dayjs | null | undefined, unit?: dayjs.OpUnitType | undefined) => boolean;
-                locale: {
-                    (): string;
-                    (preset: string | ILocale, object?: Partial<ILocale> | undefined): dayjs.Dayjs;
-                };
-                localeData: () => dayjs.InstanceLocaleDataReturn;
-                week: {
-                    (): number;
-                    (value: number): dayjs.Dayjs;
-                };
-                weekYear: () => number;
-                dayOfYear: {
-                    (): number;
-                    (value: number): dayjs.Dayjs;
-                };
-                isSameOrAfter: (date: string | number | Date | dayjs.Dayjs | null | undefined, unit?: dayjs.OpUnitType | undefined) => boolean;
-                isSameOrBefore: (date: string | number | Date | dayjs.Dayjs | null | undefined, unit?: dayjs.OpUnitType | undefined) => boolean;
-            } | undefined;
-            isCurrent?: boolean | undefined;
-            isSelected?: boolean | undefined;
-            start?: boolean | undefined;
-            text?: number | undefined;
-            timestamp?: number | undefined;
-            date?: {
-                toString: () => string;
-                toDateString: () => string;
-                toTimeString: () => string;
-                toLocaleString: {
-                    (): string;
-                    (locales?: string | string[] | undefined, options?: Intl.DateTimeFormatOptions | undefined): string;
-                };
-                toLocaleDateString: {
-                    (): string;
-                    (locales?: string | string[] | undefined, options?: Intl.DateTimeFormatOptions | undefined): string;
-                };
-                toLocaleTimeString: {
-                    (): string;
-                    (locales?: string | string[] | undefined, options?: Intl.DateTimeFormatOptions | undefined): string;
-                };
-                valueOf: () => number;
-                getTime: () => number;
-                getFullYear: () => number;
-                getUTCFullYear: () => number;
-                getMonth: () => number;
-                getUTCMonth: () => number;
-                getDate: () => number;
-                getUTCDate: () => number;
-                getDay: () => number;
-                getUTCDay: () => number;
-                getHours: () => number;
-                getUTCHours: () => number;
-                getMinutes: () => number;
-                getUTCMinutes: () => number;
-                getSeconds: () => number;
-                getUTCSeconds: () => number;
-                getMilliseconds: () => number;
-                getUTCMilliseconds: () => number;
-                getTimezoneOffset: () => number;
-                setTime: (time: number) => number;
-                setMilliseconds: (ms: number) => number;
-                setUTCMilliseconds: (ms: number) => number;
-                setSeconds: (sec: number, ms?: number | undefined) => number;
-                setUTCSeconds: (sec: number, ms?: number | undefined) => number;
-                setMinutes: (min: number, sec?: number | undefined, ms?: number | undefined) => number;
-                setUTCMinutes: (min: number, sec?: number | undefined, ms?: number | undefined) => number;
-                setHours: (hours: number, min?: number | undefined, sec?: number | undefined, ms?: number | undefined) => number;
-                setUTCHours: (hours: number, min?: number | undefined, sec?: number | undefined, ms?: number | undefined) => number;
-                setDate: (date: number) => number;
-                setUTCDate: (date: number) => number;
-                setMonth: (month: number, date?: number | undefined) => number;
-                setUTCMonth: (month: number, date?: number | undefined) => number;
-                setFullYear: (year: number, month?: number | undefined, date?: number | undefined) => number;
-                setUTCFullYear: (year: number, month?: number | undefined, date?: number | undefined) => number;
-                toUTCString: () => string;
-                toISOString: () => string;
-                toJSON: (key?: any) => string;
-                [Symbol.toPrimitive]: {
-                    (hint: "default"): string;
-                    (hint: "string"): string;
-                    (hint: "number"): number;
-                    (hint: string): string | number;
-                };
-            } | undefined;
-            dayjs?: {
-                clone: () => dayjs.Dayjs;
-                isValid: () => boolean;
-                year: {
-                    (): number;
-                    (value: number): dayjs.Dayjs;
-                };
-                month: {
-                    (): number;
-                    (value: number): dayjs.Dayjs;
-                };
-                date: {
-                    (): number;
-                    (value: number): dayjs.Dayjs;
-                };
-                day: {
-                    (): number;
-                    (value: number): dayjs.Dayjs;
-                };
-                hour: {
-                    (): number;
-                    (value: number): dayjs.Dayjs;
-                };
-                minute: {
-                    (): number;
-                    (value: number): dayjs.Dayjs;
-                };
-                second: {
-                    (): number;
-                    (value: number): dayjs.Dayjs;
-                };
-                millisecond: {
-                    (): number;
-                    (value: number): dayjs.Dayjs;
-                };
-                set: (unit: dayjs.UnitType, value: number) => dayjs.Dayjs;
-                get: (unit: dayjs.UnitType) => number;
-                add: (value: number, unit?: dayjs.ManipulateType | undefined) => dayjs.Dayjs;
-                subtract: (value: number, unit?: dayjs.ManipulateType | undefined) => dayjs.Dayjs;
-                startOf: (unit: dayjs.OpUnitType) => dayjs.Dayjs;
-                endOf: (unit: dayjs.OpUnitType) => dayjs.Dayjs;
-                format: (template?: string | undefined) => string;
-                diff: (date?: string | number | Date | dayjs.Dayjs | null | undefined, unit?: "year" | "month" | "date" | "dates" | "week" | "D" | "M" | "y" | "weeks" | "months" | "m" | "s" | "day" | "hour" | "minute" | "second" | "millisecond" | "hours" | "minutes" | "seconds" | "milliseconds" | "days" | "years" | "d" | "h" | "ms" | "w" | "quarter" | "quarters" | "Q" | undefined, float?: boolean | undefined) => number;
-                valueOf: () => number;
-                unix: () => number;
-                daysInMonth: () => number;
-                toDate: () => Date;
-                toJSON: () => string;
-                toISOString: () => string;
-                toString: () => string;
-                utcOffset: () => number;
-                isBefore: (date: string | number | Date | dayjs.Dayjs | null | undefined, unit?: dayjs.OpUnitType | undefined) => boolean;
-                isSame: (date: string | number | Date | dayjs.Dayjs | null | undefined, unit?: dayjs.OpUnitType | undefined) => boolean;
-                isAfter: (date: string | number | Date | dayjs.Dayjs | null | undefined, unit?: dayjs.OpUnitType | undefined) => boolean;
-                locale: {
-                    (): string;
-                    (preset: string | ILocale, object?: Partial<ILocale> | undefined): dayjs.Dayjs;
-                };
-                localeData: () => dayjs.InstanceLocaleDataReturn;
-                week: {
-                    (): number;
-                    (value: number): dayjs.Dayjs;
-                };
-                weekYear: () => number;
-                dayOfYear: {
-                    (): number;
-                    (value: number): dayjs.Dayjs;
-                };
-                isSameOrAfter: (date: string | number | Date | dayjs.Dayjs | null | undefined, unit?: dayjs.OpUnitType | undefined) => boolean;
-                isSameOrBefore: (date: string | number | Date | dayjs.Dayjs | null | undefined, unit?: dayjs.OpUnitType | undefined) => boolean;
-            } | undefined;
-            type?: ("week" | "normal" | "prev-month" | "next-month" | "today") | undefined;
-        }[][]>;
-        focusWithClick: boolean;
-        firstDayOfWeek: any;
-        WEEKS_CONSTANT: string[];
-        offsetDay: import("vue").ComputedRef<number>;
-        startDate: import("vue").ComputedRef<dayjs.Dayjs>;
+        emit: (event: string, ...args: any[]) => void;
         WEEKS: import("vue").ComputedRef<string[]>;
-        hasCurrent: import("vue").ComputedRef<boolean>;
-        days: import("vue").ComputedRef<{
-            startOfMonthDay: number;
-            dateCountOfMonth: number;
-            dateCountOfLastMonth: number;
-        }>;
-        selectedDate: import("vue").ComputedRef<dayjs.Dayjs[]>;
-        setDateText: (cell: import("../date-picker.type").DateCell, { count, rowIndex, columnIndex, }: {
-            count: number;
-            rowIndex: number;
-            columnIndex: number;
-        }) => boolean;
-        setCellMetadata: (cell: import("../date-picker.type").DateCell, { columnIndex, rowIndex, }: {
-            columnIndex: number;
-            rowIndex: number;
-        }, count: number) => boolean;
-        setRowMetadata: (row: import("../date-picker.type").DateCell[]) => void;
         rows: import("vue").ComputedRef<{
             column?: number | undefined;
             customClass?: string | undefined;
@@ -8041,19 +7781,27 @@ declare const _default: import("vue").DefineComponent<{
             } | undefined;
             type?: ("week" | "normal" | "prev-month" | "next-month" | "today") | undefined;
         }[][]>;
-        focus: () => Promise<void>;
-        isNormalDay: (type?: string) => boolean;
+        tbodyRef: import("vue").Ref<HTMLElement | undefined>;
+        currentCellRef: import("vue").Ref<HTMLElement | undefined>;
+        focus: () => Promise<void | undefined>;
         isCurrent: (cell: import("../date-picker.type").DateCell) => boolean;
-        cellMatchesDate: (cell: import("../date-picker.type").DateCell, date: dayjs.Dayjs) => boolean;
-        getCellClasses: (cell: import("../date-picker.type").DateCell) => string;
-        getDateOfCell: (row: number, column: number) => dayjs.Dayjs;
-        handleMouseMove: (event: MouseEvent) => void;
+        isWeekActive: (cell: import("../date-picker.type").DateCell) => boolean;
         isSelectedCell: (cell: import("../date-picker.type").DateCell) => boolean | undefined;
-        handleFocus: (event: FocusEvent) => void;
-        handleMouseDown: (event: MouseEvent) => void;
-        handleMouseUp: (event: MouseEvent) => void;
         handlePickDate: (event: MouseEvent | FocusEvent, isKeyboardMovement?: boolean) => void;
-        isWeekActive: (cell: import("../date-picker.type").DateCell) => boolean;
+        handleMouseUp: (event: MouseEvent) => void;
+        handleMouseDown: (event: MouseEvent) => void;
+        handleMouseMove: (event: MouseEvent) => void;
+        handleFocus: (event: FocusEvent) => void;
+        tableLabel: import("vue").ComputedRef<string>;
+        tableKls: import("vue").ComputedRef<(string | {
+            'is-week-mode': boolean;
+        })[]>;
+        weekLabel: import("vue").ComputedRef<string>;
+        getCellClasses: (cell: import("../date-picker.type").DateCell) => string;
+        getRowKls: (cell: import("../date-picker.type").DateCell) => (string | {
+            current: boolean;
+        })[];
+        t: import("element-pe/es/hooks").Translator;
         ElDatePickerCell: import("vue").DefineComponent<{
             readonly cell: {
                 readonly type: import("vue").PropType<import("../date-picker.type").DateCell>;
@@ -8071,7 +7819,7 @@ declare const _default: import("vue").DefineComponent<{
                 __epPropKey: true;
             };
         }>>, {}>;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "pick" | "changerange")[], "select" | "pick" | "changerange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         readonly cellClassName: {
             readonly type: import("vue").PropType<(date: Date) => string>;
             readonly required: false;
@@ -8115,9 +7863,7 @@ declare const _default: import("vue").DefineComponent<{
             selecting: boolean;
         }, boolean>;
     }>> & {
-        onSelect?: ((...args: any[]) => any) | undefined;
-        onPick?: ((...args: any[]) => any) | undefined;
-        onChangerange?: ((...args: any[]) => any) | undefined;
+        [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
     }, {
         readonly rangeState: import("../props/shared").RangeState;
         readonly showWeekNumber: boolean;

package/es/components/date-picker/src/date-picker-com/panel-date-range.mjs

@@ -20,10 +20,14 @@ import TimePickPanel from '../../../time-picker/src/time-picker-com/panel-time-p
 import ClickOutside from '../../../../directives/click-outside/index.mjs';
 
 const _hoisted_1 = ["onClick"];
-const _hoisted_2 = ["disabled"];
-const _hoisted_3 = ["disabled"];
-const _hoisted_4 = ["disabled"];
-const _hoisted_5 = ["disabled"];
+const _hoisted_2 = ["aria-label"];
+const _hoisted_3 = ["aria-label"];
+const _hoisted_4 = ["disabled", "aria-label"];
+const _hoisted_5 = ["disabled", "aria-label"];
+const _hoisted_6 = ["disabled", "aria-label"];
+const _hoisted_7 = ["disabled", "aria-label"];
+const _hoisted_8 = ["aria-label"];
+const _hoisted_9 = ["aria-label"];
 const unit = "month";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "panel-date-range",
@@ -480,6 +484,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 createElementVNode("button", {
                   type: "button",
                   class: normalizeClass([unref(ppNs).e("icon-btn"), "d-arrow-left"]),
+                  "aria-label": unref(t)(`el.datepicker.prevYear`),
                   onClick: leftPrevYear
                 }, [
                   createVNode(unref(ElIcon), null, {
@@ -488,10 +493,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 1
                   })
-                ], 2),
+                ], 10, _hoisted_2),
                 createElementVNode("button", {
                   type: "button",
                   class: normalizeClass([unref(ppNs).e("icon-btn"), "arrow-left"]),
+                  "aria-label": unref(t)(`el.datepicker.prevMonth`),
                   onClick: leftPrevMonth
                 }, [
                   createVNode(unref(ElIcon), null, {
@@ -500,12 +506,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 1
                   })
-                ], 2),
+                ], 10, _hoisted_3),
                 _ctx.unlinkPanels ? (openBlock(), createElementBlock("button", {
                   key: 0,
                   type: "button",
                   disabled: !unref(enableYearArrow),
                   class: normalizeClass([[unref(ppNs).e("icon-btn"), { "is-disabled": !unref(enableYearArrow) }], "d-arrow-right"]),
+                  "aria-label": unref(t)(`el.datepicker.nextYear`),
                   onClick: leftNextYear
                 }, [
                   createVNode(unref(ElIcon), null, {
@@ -514,7 +521,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 1
                   })
-                ], 10, _hoisted_2)) : createCommentVNode("v-if", true),
+                ], 10, _hoisted_4)) : createCommentVNode("v-if", true),
                 _ctx.unlinkPanels ? (openBlock(), createElementBlock("button", {
                   key: 1,
                   type: "button",
@@ -523,6 +530,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     unref(ppNs).e("icon-btn"),
                     { "is-disabled": !unref(enableMonthArrow) }
                   ], "arrow-right"]),
+                  "aria-label": unref(t)(`el.datepicker.nextMonth`),
                   onClick: leftNextMonth
                 }, [
                   createVNode(unref(ElIcon), null, {
@@ -531,7 +539,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 1
                   })
-                ], 10, _hoisted_3)) : createCommentVNode("v-if", true),
+                ], 10, _hoisted_5)) : createCommentVNode("v-if", true),
                 createElementVNode("div", null, toDisplayString(unref(leftLabel)), 1)
               ], 2),
               createVNode(DateTable, {
@@ -558,6 +566,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   type: "button",
                   disabled: !unref(enableYearArrow),
                   class: normalizeClass([[unref(ppNs).e("icon-btn"), { "is-disabled": !unref(enableYearArrow) }], "d-arrow-left"]),
+                  "aria-label": unref(t)(`el.datepicker.prevYear`),
                   onClick: rightPrevYear
                 }, [
                   createVNode(unref(ElIcon), null, {
@@ -566,7 +575,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 1
                   })
-                ], 10, _hoisted_4)) : createCommentVNode("v-if", true),
+                ], 10, _hoisted_6)) : createCommentVNode("v-if", true),
                 _ctx.unlinkPanels ? (openBlock(), createElementBlock("button", {
                   key: 1,
                   type: "button",
@@ -575,6 +584,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     unref(ppNs).e("icon-btn"),
                     { "is-disabled": !unref(enableMonthArrow) }
                   ], "arrow-left"]),
+                  "aria-label": unref(t)(`el.datepicker.prevMonth`),
                   onClick: rightPrevMonth
                 }, [
                   createVNode(unref(ElIcon), null, {
@@ -583,9 +593,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 1
                   })
-                ], 10, _hoisted_5)) : createCommentVNode("v-if", true),
+                ], 10, _hoisted_7)) : createCommentVNode("v-if", true),
                 createElementVNode("button", {
                   type: "button",
+                  "aria-label": unref(t)(`el.datepicker.nextYear`),
                   class: normalizeClass([unref(ppNs).e("icon-btn"), "d-arrow-right"]),
                   onClick: rightNextYear
                 }, [
@@ -595,10 +606,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 1
                   })
-                ], 2),
+                ], 10, _hoisted_8),
                 createElementVNode("button", {
                   type: "button",
                   class: normalizeClass([unref(ppNs).e("icon-btn"), "arrow-right"]),
+                  "aria-label": unref(t)(`el.datepicker.nextMonth`),
                   onClick: rightNextMonth
                 }, [
                   createVNode(unref(ElIcon), null, {
@@ -607,7 +619,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 1
                   })
-                ], 2),
+                ], 10, _hoisted_9),
                 createElementVNode("div", null, toDisplayString(unref(rightLabel)), 1)
               ], 2),
               createVNode(DateTable, {