@element-plus/nightly 0.0.20260409 → 0.0.20260411

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

@@ -1 +1 @@
-{"version":3,"file":"panel-date-range.mjs","names":[],"sources":["../../../../../../../packages/components/date-picker-panel/src/date-picker-com/panel-date-range.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      ppNs.b(),\n      drpNs.b(),\n      ppNs.is('border', border),\n      ppNs.is('disabled', dateRangeDisabled),\n      {\n        'has-sidebar': $slots.sidebar || hasShortcuts,\n        'has-time': showTime,\n      },\n    ]\"\n  >\n    <div :class=\"ppNs.e('body-wrapper')\">\n      <slot name=\"sidebar\" :class=\"ppNs.e('sidebar')\" />\n      <div v-if=\"hasShortcuts\" :class=\"ppNs.e('sidebar')\">\n        <button\n          v-for=\"(shortcut, key) in shortcuts\"\n          :key=\"key\"\n          type=\"button\"\n          :disabled=\"dateRangeDisabled\"\n          :class=\"ppNs.e('shortcut')\"\n          @click=\"handleShortcutClick(shortcut)\"\n        >\n          {{ shortcut.text }}\n        </button>\n      </div>\n      <div :class=\"ppNs.e('body')\">\n        <div v-if=\"showTime\" :class=\"drpNs.e('time-header')\">\n          <span :class=\"drpNs.e('editors-wrap')\">\n            <span :class=\"drpNs.e('time-picker-wrap')\">\n              <el-input\n                size=\"small\"\n                :disabled=\"rangeState.selecting || dateRangeDisabled\"\n                :placeholder=\"t('el.datepicker.startDate')\"\n                :class=\"drpNs.e('editor')\"\n                :model-value=\"minVisibleDate\"\n                :validate-event=\"false\"\n                :readonly=\"!editable\"\n                @input=\"(val) => handleDateInput(val, 'min')\"\n                @change=\"(val) => handleDateChange(val, 'min')\"\n              />\n            </span>\n            <span\n              v-clickoutside=\"handleMinTimeClose\"\n              :class=\"drpNs.e('time-picker-wrap')\"\n            >\n              <el-input\n                size=\"small\"\n                :class=\"drpNs.e('editor')\"\n                :disabled=\"rangeState.selecting || dateRangeDisabled\"\n                :placeholder=\"t('el.datepicker.startTime')\"\n                :model-value=\"minVisibleTime\"\n                :validate-event=\"false\"\n                :readonly=\"!editable\"\n                @focus=\"minTimePickerVisible = true\"\n                @input=\"(val) => handleTimeInput(val, 'min')\"\n                @change=\"(val) => handleTimeChange(val, 'min')\"\n              />\n              <time-pick-panel\n                :visible=\"minTimePickerVisible\"\n                :format=\"timeFormat\"\n                datetime-role=\"start\"\n                :parsed-value=\"minDate || leftDate\"\n                @pick=\"handleMinTimePick\"\n              />\n            </span>\n          </span>\n          <span>\n            <el-icon><arrow-right /></el-icon>\n          </span>\n          <span :class=\"drpNs.e('editors-wrap')\" class=\"is-right\">\n            <span :class=\"drpNs.e('time-picker-wrap')\">\n              <el-input\n                size=\"small\"\n                :class=\"drpNs.e('editor')\"\n                :disabled=\"rangeState.selecting || dateRangeDisabled\"\n                :placeholder=\"t('el.datepicker.endDate')\"\n                :model-value=\"maxVisibleDate\"\n                :readonly=\"!minDate || !editable\"\n                :validate-event=\"false\"\n                @input=\"(val) => handleDateInput(val, 'max')\"\n                @change=\"(val) => handleDateChange(val, 'max')\"\n              />\n            </span>\n            <span\n              v-clickoutside=\"handleMaxTimeClose\"\n              :class=\"drpNs.e('time-picker-wrap')\"\n            >\n              <el-input\n                size=\"small\"\n                :class=\"drpNs.e('editor')\"\n                :disabled=\"rangeState.selecting || dateRangeDisabled\"\n                :placeholder=\"t('el.datepicker.endTime')\"\n                :model-value=\"maxVisibleTime\"\n                :readonly=\"!minDate || !editable\"\n                :validate-event=\"false\"\n                @focus=\"minDate && (maxTimePickerVisible = true)\"\n                @input=\"(val) => handleTimeInput(val, 'max')\"\n                @change=\"(val) => handleTimeChange(val, 'max')\"\n              />\n              <time-pick-panel\n                datetime-role=\"end\"\n                :visible=\"maxTimePickerVisible\"\n                :format=\"timeFormat\"\n                :parsed-value=\"maxDate || rightDate\"\n                @pick=\"handleMaxTimePick\"\n              />\n            </span>\n          </span>\n        </div>\n        <div :class=\"[ppNs.e('content'), drpNs.e('content')]\" class=\"is-left\">\n          <div :class=\"drpNs.e('header')\">\n            <button\n              type=\"button\"\n              :class=\"ppNs.e('icon-btn')\"\n              :aria-label=\"t(`el.datepicker.prevYear`)\"\n              class=\"d-arrow-left\"\n              :disabled=\"dateRangeDisabled\"\n              @click=\"leftPrevYear\"\n            >\n              <slot name=\"prev-year\">\n                <el-icon>\n                  <d-arrow-left />\n                </el-icon>\n              </slot>\n            </button>\n            <button\n              v-show=\"leftCurrentView === 'date'\"\n              type=\"button\"\n              :class=\"ppNs.e('icon-btn')\"\n              :aria-label=\"t(`el.datepicker.prevMonth`)\"\n              class=\"arrow-left\"\n              :disabled=\"dateRangeDisabled\"\n              @click=\"leftPrevMonth\"\n            >\n              <slot name=\"prev-month\">\n                <el-icon>\n                  <arrow-left />\n                </el-icon>\n              </slot>\n            </button>\n            <button\n              v-if=\"unlinkPanels\"\n              type=\"button\"\n              :disabled=\"!enableYearArrow || dateRangeDisabled\"\n              :class=\"[\n                ppNs.e('icon-btn'),\n                ppNs.is('disabled', !enableYearArrow || dateRangeDisabled),\n              ]\"\n              :aria-label=\"t(`el.datepicker.nextYear`)\"\n              class=\"d-arrow-right\"\n              @click=\"leftNextYear\"\n            >\n              <slot name=\"next-year\">\n                <el-icon>\n                  <d-arrow-right />\n                </el-icon>\n              </slot>\n            </button>\n            <button\n              v-if=\"unlinkPanels && leftCurrentView === 'date'\"\n              type=\"button\"\n              :disabled=\"!enableMonthArrow || dateRangeDisabled\"\n              :class=\"[\n                ppNs.e('icon-btn'),\n                ppNs.is('disabled', !enableMonthArrow || dateRangeDisabled),\n              ]\"\n              :aria-label=\"t(`el.datepicker.nextMonth`)\"\n              class=\"arrow-right\"\n              @click=\"leftNextMonth\"\n            >\n              <slot name=\"next-month\">\n                <el-icon>\n                  <arrow-right />\n                </el-icon>\n              </slot>\n            </button>\n            <div>\n              <span\n                role=\"button\"\n                :class=\"drpNs.e('header-label')\"\n                aria-live=\"polite\"\n                :tabindex=\"disabled ? undefined : 0\"\n                :aria-disabled=\"disabled\"\n                @keydown.enter=\"showLeftPicker('year')\"\n                @click=\"showLeftPicker('year')\"\n              >\n                {{ leftYearLabel }}\n              </span>\n              <span\n                v-show=\"leftCurrentView === 'date'\"\n                role=\"button\"\n                aria-live=\"polite\"\n                :tabindex=\"disabled ? undefined : 0\"\n                :aria-disabled=\"disabled\"\n                :class=\"[\n                  drpNs.e('header-label'),\n                  { active: leftCurrentView === 'month' },\n                ]\"\n                @keydown.enter=\"showLeftPicker('month')\"\n                @click=\"showLeftPicker('month')\"\n              >\n                {{ t(`el.datepicker.month${leftDate.month() + 1}`) }}\n              </span>\n            </div>\n          </div>\n          <date-table\n            v-if=\"leftCurrentView === 'date'\"\n            ref=\"leftCurrentViewRef\"\n            selection-mode=\"range\"\n            :date=\"leftDate\"\n            :min-date=\"minDate\"\n            :max-date=\"maxDate\"\n            :range-state=\"rangeState\"\n            :disabled-date=\"disabledDate\"\n            :cell-class-name=\"cellClassName\"\n            :show-week-number=\"showWeekNumber\"\n            :disabled=\"dateRangeDisabled\"\n            @changerange=\"handleChangeRange\"\n            @pick=\"handleRangePick\"\n            @select=\"onSelect\"\n          />\n          <year-table\n            v-if=\"leftCurrentView === 'year'\"\n            ref=\"leftCurrentViewRef\"\n            selection-mode=\"year\"\n            :date=\"leftDate\"\n            :disabled-date=\"disabledDate\"\n            :parsed-value=\"parsedValue\"\n            :disabled=\"dateRangeDisabled\"\n            @pick=\"handleLeftYearPick\"\n          />\n          <month-table\n            v-if=\"leftCurrentView === 'month'\"\n            ref=\"leftCurrentViewRef\"\n            selection-mode=\"month\"\n            :date=\"leftDate\"\n            :parsed-value=\"parsedValue\"\n            :disabled-date=\"disabledDate\"\n            :disabled=\"dateRangeDisabled\"\n            @pick=\"handleLeftMonthPick\"\n          />\n        </div>\n        <div :class=\"[ppNs.e('content'), drpNs.e('content')]\" class=\"is-right\">\n          <div :class=\"drpNs.e('header')\">\n            <button\n              v-if=\"unlinkPanels\"\n              type=\"button\"\n              :disabled=\"!enableYearArrow || dateRangeDisabled\"\n              :class=\"[\n                ppNs.e('icon-btn'),\n                ppNs.is('disabled', !enableYearArrow || dateRangeDisabled),\n              ]\"\n              :aria-label=\"t(`el.datepicker.prevYear`)\"\n              class=\"d-arrow-left\"\n              @click=\"rightPrevYear\"\n            >\n              <slot name=\"prev-year\">\n                <el-icon>\n                  <d-arrow-left />\n                </el-icon>\n              </slot>\n            </button>\n            <button\n              v-if=\"unlinkPanels && rightCurrentView === 'date'\"\n              type=\"button\"\n              :disabled=\"!enableMonthArrow || dateRangeDisabled\"\n              :class=\"[\n                ppNs.e('icon-btn'),\n                ppNs.is('disabled', !enableMonthArrow || dateRangeDisabled),\n              ]\"\n              :aria-label=\"t(`el.datepicker.prevMonth`)\"\n              class=\"arrow-left\"\n              @click=\"rightPrevMonth\"\n            >\n              <slot name=\"prev-month\">\n                <el-icon>\n                  <arrow-left />\n                </el-icon>\n              </slot>\n            </button>\n            <button\n              type=\"button\"\n              :aria-label=\"t(`el.datepicker.nextYear`)\"\n              :class=\"ppNs.e('icon-btn')\"\n              :disabled=\"dateRangeDisabled\"\n              class=\"d-arrow-right\"\n              @click=\"rightNextYear\"\n            >\n              <slot name=\"next-year\">\n                <el-icon>\n                  <d-arrow-right />\n                </el-icon>\n              </slot>\n            </button>\n            <button\n              v-show=\"rightCurrentView === 'date'\"\n              type=\"button\"\n              :class=\"ppNs.e('icon-btn')\"\n              :disabled=\"dateRangeDisabled\"\n              :aria-label=\"t(`el.datepicker.nextMonth`)\"\n              class=\"arrow-right\"\n              @click=\"rightNextMonth\"\n            >\n              <slot name=\"next-month\">\n                <el-icon>\n                  <arrow-right />\n                </el-icon>\n              </slot>\n            </button>\n            <div>\n              <span\n                role=\"button\"\n                :class=\"drpNs.e('header-label')\"\n                aria-live=\"polite\"\n                :tabindex=\"disabled ? undefined : 0\"\n                :aria-disabled=\"disabled\"\n                @keydown.enter=\"showRightPicker('year')\"\n                @click=\"showRightPicker('year')\"\n              >\n                {{ rightYearLabel }}\n              </span>\n              <span\n                v-show=\"rightCurrentView === 'date'\"\n                role=\"button\"\n                aria-live=\"polite\"\n                :tabindex=\"disabled ? undefined : 0\"\n                :aria-disabled=\"disabled\"\n                :class=\"[\n                  drpNs.e('header-label'),\n                  { active: rightCurrentView === 'month' },\n                ]\"\n                @keydown.enter=\"showRightPicker('month')\"\n                @click=\"showRightPicker('month')\"\n              >\n                {{ t(`el.datepicker.month${rightDate.month() + 1}`) }}\n              </span>\n            </div>\n          </div>\n          <date-table\n            v-if=\"rightCurrentView === 'date'\"\n            ref=\"rightCurrentViewRef\"\n            selection-mode=\"range\"\n            :date=\"rightDate\"\n            :min-date=\"minDate\"\n            :max-date=\"maxDate\"\n            :range-state=\"rangeState\"\n            :disabled-date=\"disabledDate\"\n            :cell-class-name=\"cellClassName\"\n            :show-week-number=\"showWeekNumber\"\n            :disabled=\"dateRangeDisabled\"\n            @changerange=\"handleChangeRange\"\n            @pick=\"handleRangePick\"\n            @select=\"onSelect\"\n          />\n          <year-table\n            v-if=\"rightCurrentView === 'year'\"\n            ref=\"rightCurrentViewRef\"\n            selection-mode=\"year\"\n            :date=\"rightDate\"\n            :disabled-date=\"disabledDate\"\n            :parsed-value=\"parsedValue\"\n            :disabled=\"dateRangeDisabled\"\n            @pick=\"handleRightYearPick\"\n          />\n          <month-table\n            v-if=\"rightCurrentView === 'month'\"\n            ref=\"rightCurrentViewRef\"\n            selection-mode=\"month\"\n            :date=\"rightDate\"\n            :parsed-value=\"parsedValue\"\n            :disabled-date=\"disabledDate\"\n            :disabled=\"dateRangeDisabled\"\n            @pick=\"handleRightMonthPick\"\n          />\n        </div>\n      </div>\n    </div>\n    <div\n      v-if=\"showFooter && showTime && (showConfirm || clearable)\"\n      :class=\"ppNs.e('footer')\"\n    >\n      <el-button\n        v-if=\"clearable\"\n        text\n        size=\"small\"\n        :class=\"ppNs.e('link-btn')\"\n        @click=\"onClear\"\n      >\n        {{ t('el.datepicker.clear') }}\n      </el-button>\n      <el-button\n        v-if=\"showConfirm\"\n        plain\n        size=\"small\"\n        :class=\"ppNs.e('link-btn')\"\n        :disabled=\"btnDisabled\"\n        @click=\"handleRangeConfirm(false)\"\n      >\n        {{ t('el.datepicker.confirm') }}\n      </el-button>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, nextTick, ref, toRef, unref, watch } from 'vue'\nimport dayjs from 'dayjs'\nimport { ClickOutside as vClickoutside } from '@element-plus/directives'\nimport { useLocale } from '@element-plus/hooks'\nimport ElButton from '@element-plus/components/button'\nimport ElInput from '@element-plus/components/input'\nimport {\n  DEFAULT_FORMATS_DATE,\n  DEFAULT_FORMATS_TIME,\n  PICKER_BASE_INJECTION_KEY,\n  TimePickPanel,\n  extractDateFormat,\n  extractTimeFormat,\n} from '@element-plus/components/time-picker'\nimport ElIcon from '@element-plus/components/icon'\nimport {\n  ArrowLeft,\n  ArrowRight,\n  DArrowLeft,\n  DArrowRight,\n} from '@element-plus/icons-vue'\nimport { panelDateRangeProps } from '../props/panel-date-range'\nimport { useRangePicker } from '../composables/use-range-picker'\nimport {\n  correctlyParseUserInput,\n  getDefaultValue,\n  isValidRange,\n} from '../utils'\nimport { usePanelDateRange } from '../composables/use-panel-date-range'\nimport { ROOT_PICKER_IS_DEFAULT_FORMAT_INJECTION_KEY } from '../constants'\nimport YearTable from './basic-year-table.vue'\nimport MonthTable from './basic-month-table.vue'\nimport DateTable from './basic-date-table.vue'\nimport { useFormDisabled } from '@element-plus/components/form'\n\nimport type { Ref } from 'vue'\nimport type { Dayjs } from 'dayjs'\n\ntype ChangeType = 'min' | 'max'\ntype UserInput = {\n  min: string | null\n  max: string | null\n}\n\nconst props = defineProps(panelDateRangeProps)\nconst emit = defineEmits([\n  'pick',\n  'set-picker-option',\n  'calendar-change',\n  'panel-change',\n  'clear',\n])\n\nconst unit = 'month'\n// FIXME: fix the type for ep picker\nconst pickerBase = inject(PICKER_BASE_INJECTION_KEY) as any\nconst isDefaultFormat = inject(\n  ROOT_PICKER_IS_DEFAULT_FORMAT_INJECTION_KEY,\n  undefined\n) as any\nconst { disabledDate, cellClassName, defaultTime, clearable } = pickerBase.props\nconst format: Ref<string | undefined> = toRef(pickerBase.props, 'format')\nconst shortcuts = toRef(pickerBase.props, 'shortcuts')\nconst defaultValue = toRef(pickerBase.props, 'defaultValue')\nconst { lang } = useLocale()\nconst leftDate = ref<Dayjs>(dayjs().locale(lang.value))\nconst rightDate = ref<Dayjs>(dayjs().locale(lang.value).add(1, unit))\n\nconst {\n  minDate,\n  maxDate,\n  rangeState,\n  ppNs,\n  drpNs,\n  handleChangeRange,\n  handleRangeConfirm,\n  handleShortcutClick,\n  onSelect,\n  parseValue,\n  t,\n} = useRangePicker(props, {\n  defaultValue,\n  defaultTime,\n  leftDate,\n  rightDate,\n  unit,\n  sortDates,\n})\n\nwatch(\n  () => props.visible,\n  (visible) => {\n    if (!visible && rangeState.value.selecting) {\n      parseValue(props.parsedValue)\n      onSelect(false)\n    }\n  }\n)\n\nconst dateUserInput = ref<UserInput>({\n  min: null,\n  max: null,\n})\n\nconst timeUserInput = ref<UserInput>({\n  min: null,\n  max: null,\n})\n\nconst {\n  leftCurrentView,\n  rightCurrentView,\n  leftCurrentViewRef,\n  rightCurrentViewRef,\n  leftYear,\n  rightYear,\n  leftMonth,\n  rightMonth,\n  leftYearLabel,\n  rightYearLabel,\n  showLeftPicker,\n  showRightPicker,\n  handleLeftYearPick,\n  handleRightYearPick,\n  handleLeftMonthPick,\n  handleRightMonthPick,\n  handlePanelChange,\n  adjustDateByView,\n} = usePanelDateRange(props, emit, leftDate, rightDate)\n\nconst hasShortcuts = computed(() => !!shortcuts.value.length)\n\nconst minVisibleDate = computed(() => {\n  if (dateUserInput.value.min !== null) return dateUserInput.value.min\n  if (minDate.value) return minDate.value.format(dateFormat.value)\n  return ''\n})\n\nconst maxVisibleDate = computed(() => {\n  if (dateUserInput.value.max !== null) return dateUserInput.value.max\n  if (maxDate.value || minDate.value)\n    return (maxDate.value || minDate.value)!.format(dateFormat.value)\n  return ''\n})\n\nconst minVisibleTime = computed(() => {\n  if (timeUserInput.value.min !== null) return timeUserInput.value.min\n  if (minDate.value) return minDate.value.format(timeFormat.value)\n  return ''\n})\n\nconst maxVisibleTime = computed(() => {\n  if (timeUserInput.value.max !== null) return timeUserInput.value.max\n  if (maxDate.value || minDate.value)\n    return (maxDate.value || minDate.value)!.format(timeFormat.value)\n  return ''\n})\n\nconst timeFormat = computed(() => {\n  return (\n    props.timeFormat ||\n    extractTimeFormat(format.value || '') ||\n    DEFAULT_FORMATS_TIME\n  )\n})\n\nconst dateFormat = computed(() => {\n  return (\n    props.dateFormat ||\n    extractDateFormat(format.value || '') ||\n    DEFAULT_FORMATS_DATE\n  )\n})\n\nconst isValidValue = (date: [Dayjs, Dayjs]) => {\n  return (\n    isValidRange(date) &&\n    (disabledDate\n      ? !disabledDate(date[0].toDate()) && !disabledDate(date[1].toDate())\n      : true)\n  )\n}\n\nconst leftPrevYear = () => {\n  leftDate.value = adjustDateByView(\n    leftCurrentView.value,\n    leftDate.value,\n    false\n  )\n\n  if (!props.unlinkPanels) {\n    rightDate.value = leftDate.value.add(1, 'month')\n  }\n  handlePanelChange('year')\n}\n\nconst leftPrevMonth = () => {\n  leftDate.value = leftDate.value.subtract(1, 'month')\n  if (!props.unlinkPanels) {\n    rightDate.value = leftDate.value.add(1, 'month')\n  }\n  handlePanelChange('month')\n}\n\nconst rightNextYear = () => {\n  if (!props.unlinkPanels) {\n    leftDate.value = adjustDateByView(\n      rightCurrentView.value,\n      leftDate.value,\n      true\n    )\n\n    rightDate.value = leftDate.value.add(1, 'month')\n  } else {\n    rightDate.value = adjustDateByView(\n      rightCurrentView.value,\n      rightDate.value,\n      true\n    )\n  }\n  handlePanelChange('year')\n}\n\nconst rightNextMonth = () => {\n  if (!props.unlinkPanels) {\n    leftDate.value = leftDate.value.add(1, 'month')\n    rightDate.value = leftDate.value.add(1, 'month')\n  } else {\n    rightDate.value = rightDate.value.add(1, 'month')\n  }\n  handlePanelChange('month')\n}\n\nconst leftNextYear = () => {\n  leftDate.value = adjustDateByView(leftCurrentView.value, leftDate.value, true)\n\n  handlePanelChange('year')\n}\n\nconst leftNextMonth = () => {\n  leftDate.value = leftDate.value.add(1, 'month')\n  handlePanelChange('month')\n}\n\nconst rightPrevYear = () => {\n  rightDate.value = adjustDateByView(\n    rightCurrentView.value,\n    rightDate.value,\n    false\n  )\n\n  handlePanelChange('year')\n}\n\nconst rightPrevMonth = () => {\n  rightDate.value = rightDate.value.subtract(1, 'month')\n  handlePanelChange('month')\n}\n\nconst enableMonthArrow = computed(() => {\n  const nextMonth = (leftMonth.value + 1) % 12\n  const yearOffset = leftMonth.value + 1 >= 12 ? 1 : 0\n  return (\n    props.unlinkPanels &&\n    new Date(leftYear.value + yearOffset, nextMonth) <\n      new Date(rightYear.value, rightMonth.value)\n  )\n})\n\nconst enableYearArrow = computed(() => {\n  return (\n    props.unlinkPanels &&\n    rightYear.value * 12 +\n      rightMonth.value -\n      (leftYear.value * 12 + leftMonth.value + 1) >=\n      12\n  )\n})\n\nconst dateRangeDisabled = useFormDisabled()\n\nconst btnDisabled = computed(() => {\n  return !(\n    minDate.value &&\n    maxDate.value &&\n    !rangeState.value.selecting &&\n    isValidRange([minDate.value, maxDate.value]) &&\n    !dateRangeDisabled.value\n  )\n})\n\nconst showTime = computed(\n  () => props.type === 'datetime' || props.type === 'datetimerange'\n)\n\nconst formatEmit = (emitDayjs: Dayjs | null, index?: number) => {\n  if (!emitDayjs) return\n  if (defaultTime) {\n    const defaultTimeD = dayjs(\n      defaultTime[index as number] || defaultTime\n    ).locale(lang.value)\n    return defaultTimeD\n      .year(emitDayjs.year())\n      .month(emitDayjs.month())\n      .date(emitDayjs.date())\n  }\n  return emitDayjs\n}\n\nconst handleRangePick = (\n  val: {\n    minDate: Dayjs\n    maxDate: Dayjs | null\n  },\n  close = true\n) => {\n  const min_ = val.minDate\n  const max_ = val.maxDate\n  const minDate_ = formatEmit(min_, 0)\n  const maxDate_ = formatEmit(max_, 1)\n\n  if (maxDate.value === maxDate_ && minDate.value === minDate_) {\n    return\n  }\n  emit('calendar-change', [min_.toDate(), max_ && max_.toDate()])\n  maxDate.value = maxDate_\n  minDate.value = minDate_\n\n  if (!showTime.value && close) {\n    close = !minDate_ || !maxDate_\n  }\n  handleRangeConfirm(close)\n}\n\nconst minTimePickerVisible = ref(false)\nconst maxTimePickerVisible = ref(false)\n\nconst handleMinTimeClose = () => {\n  minTimePickerVisible.value = false\n}\n\nconst handleMaxTimeClose = () => {\n  maxTimePickerVisible.value = false\n}\n\nconst handleDateInput = (value: string | null, type: ChangeType) => {\n  dateUserInput.value[type] = value\n  const parsedValueD = dayjs(value, dateFormat.value).locale(lang.value)\n  if (parsedValueD.isValid()) {\n    if (disabledDate && disabledDate(parsedValueD.toDate())) {\n      return\n    }\n    if (type === 'min') {\n      leftDate.value = parsedValueD\n      minDate.value = (minDate.value || leftDate.value)\n        .year(parsedValueD.year())\n        .month(parsedValueD.month())\n        .date(parsedValueD.date())\n      if (\n        !props.unlinkPanels &&\n        (!maxDate.value || maxDate.value.isBefore(minDate.value))\n      ) {\n        rightDate.value = parsedValueD.add(1, 'month')\n        maxDate.value = minDate.value.add(1, 'month')\n      }\n    } else {\n      rightDate.value = parsedValueD\n      maxDate.value = (maxDate.value || rightDate.value)\n        .year(parsedValueD.year())\n        .month(parsedValueD.month())\n        .date(parsedValueD.date())\n      if (\n        !props.unlinkPanels &&\n        (!minDate.value || minDate.value.isAfter(maxDate.value))\n      ) {\n        leftDate.value = parsedValueD.subtract(1, 'month')\n        minDate.value = maxDate.value.subtract(1, 'month')\n      }\n    }\n    sortDates(minDate.value, maxDate.value)\n    handleRangeConfirm(true)\n  }\n}\n\nconst handleDateChange = (_: unknown, type: ChangeType) => {\n  dateUserInput.value[type] = null\n}\n\nconst handleTimeInput = (value: string | null, type: ChangeType) => {\n  timeUserInput.value[type] = value\n  const parsedValueD = dayjs(value, timeFormat.value).locale(lang.value)\n\n  if (parsedValueD.isValid()) {\n    if (type === 'min') {\n      minTimePickerVisible.value = true\n      minDate.value = (minDate.value || leftDate.value)\n        .hour(parsedValueD.hour())\n        .minute(parsedValueD.minute())\n        .second(parsedValueD.second())\n      leftDate.value = minDate.value\n    } else {\n      maxTimePickerVisible.value = true\n      maxDate.value = (maxDate.value || rightDate.value)\n        .hour(parsedValueD.hour())\n        .minute(parsedValueD.minute())\n        .second(parsedValueD.second())\n      rightDate.value = maxDate.value\n    }\n  }\n}\n\nconst handleTimeChange = (_value: string | null, type: ChangeType) => {\n  timeUserInput.value[type] = null\n  if (type === 'min') {\n    leftDate.value = minDate.value!\n    minTimePickerVisible.value = false\n    if (!maxDate.value || maxDate.value.isBefore(minDate.value)) {\n      maxDate.value = minDate.value\n    }\n  } else {\n    rightDate.value = maxDate.value!\n    maxTimePickerVisible.value = false\n    if (maxDate.value && maxDate.value.isBefore(minDate.value)) {\n      minDate.value = maxDate.value\n    }\n  }\n  handleRangeConfirm(true)\n}\n\nconst handleMinTimePick = (value: Dayjs, visible: boolean, first: boolean) => {\n  if (timeUserInput.value.min) return\n  if (value) {\n    minDate.value = (minDate.value || leftDate.value)\n      .hour(value.hour())\n      .minute(value.minute())\n      .second(value.second())\n  }\n\n  if (!first) {\n    minTimePickerVisible.value = visible\n  }\n\n  if (!maxDate.value || maxDate.value.isBefore(minDate.value)) {\n    maxDate.value = minDate.value\n    rightDate.value = value\n    nextTick(() => {\n      parseValue(props.parsedValue)\n    })\n  }\n  handleRangeConfirm(true)\n}\n\nconst handleMaxTimePick = (\n  value: Dayjs | null,\n  visible: boolean,\n  first: boolean\n) => {\n  if (timeUserInput.value.max) return\n  if (value) {\n    maxDate.value = (maxDate.value || rightDate.value)\n      .hour(value.hour())\n      .minute(value.minute())\n      .second(value.second())\n  }\n\n  if (!first) {\n    maxTimePickerVisible.value = visible\n  }\n\n  if (maxDate.value && maxDate.value.isBefore(minDate.value)) {\n    minDate.value = maxDate.value\n  }\n  handleRangeConfirm(true)\n}\n\nconst onClear = () => {\n  handleClear()\n  emit('clear')\n}\n\nconst handleClear = () => {\n  let valueOnClear = null\n  if (pickerBase?.emptyValues) {\n    valueOnClear = pickerBase.emptyValues.valueOnClear.value\n  }\n  leftDate.value = getDefaultValue(unref(defaultValue), {\n    lang: unref(lang),\n    unit: 'month',\n    unlinkPanels: props.unlinkPanels,\n  })[0]\n  rightDate.value = leftDate.value.add(1, 'month')\n  maxDate.value = undefined\n  minDate.value = undefined\n\n  handleRangeConfirm(true)\n  emit('pick', valueOnClear)\n}\n\nconst parseUserInput = (value: Dayjs | Dayjs[]) => {\n  return correctlyParseUserInput(\n    value,\n    format.value || '',\n    lang.value,\n    isDefaultFormat\n  )\n}\nfunction sortDates(minDate: Dayjs | undefined, maxDate: Dayjs | undefined) {\n  if (props.unlinkPanels && maxDate) {\n    const minDateYear = minDate?.year() || 0\n    const minDateMonth = minDate?.month() || 0\n    const maxDateYear = maxDate.year()\n    const maxDateMonth = maxDate.month()\n    rightDate.value =\n      minDateYear === maxDateYear && minDateMonth === maxDateMonth\n        ? maxDate.add(1, unit)\n        : maxDate\n  } else {\n    rightDate.value = leftDate.value.add(1, unit)\n    if (maxDate) {\n      rightDate.value = rightDate.value\n        .hour(maxDate.hour())\n        .minute(maxDate.minute())\n        .second(maxDate.second())\n    }\n  }\n}\n\nemit('set-picker-option', ['isValidValue', isValidValue])\nemit('set-picker-option', ['parseUserInput', parseUserInput])\nemit('set-picker-option', ['handleClear', handleClear])\n</script>\n"],"mappings":""}
+{"version":3,"file":"panel-date-range.mjs","names":[],"sources":["../../../../../../../packages/components/date-picker-panel/src/date-picker-com/panel-date-range.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      ppNs.b(),\n      drpNs.b(),\n      ppNs.is('border', border),\n      ppNs.is('disabled', dateRangeDisabled),\n      {\n        'has-sidebar': $slots.sidebar || hasShortcuts,\n        'has-time': showTime,\n        'single-panel': singlePanel,\n      },\n    ]\"\n  >\n    <div :class=\"ppNs.e('body-wrapper')\">\n      <slot name=\"sidebar\" :class=\"ppNs.e('sidebar')\" />\n      <div v-if=\"hasShortcuts\" :class=\"ppNs.e('sidebar')\">\n        <button\n          v-for=\"(shortcut, key) in shortcuts\"\n          :key=\"key\"\n          type=\"button\"\n          :disabled=\"dateRangeDisabled\"\n          :class=\"ppNs.e('shortcut')\"\n          @click=\"handleShortcutClick(shortcut)\"\n        >\n          {{ shortcut.text }}\n        </button>\n      </div>\n      <div :class=\"ppNs.e('body')\">\n        <div v-if=\"showTime\" :class=\"drpNs.e('time-header')\">\n          <span :class=\"drpNs.e('editors-wrap')\">\n            <span :class=\"drpNs.e('time-picker-wrap')\">\n              <el-input\n                size=\"small\"\n                :disabled=\"rangeState.selecting || dateRangeDisabled\"\n                :placeholder=\"t('el.datepicker.startDate')\"\n                :class=\"drpNs.e('editor')\"\n                :model-value=\"minVisibleDate\"\n                :validate-event=\"false\"\n                :readonly=\"!editable\"\n                @input=\"(val) => handleDateInput(val, 'min')\"\n                @change=\"(val) => handleDateChange(val, 'min')\"\n              />\n            </span>\n            <span\n              v-clickoutside=\"handleMinTimeClose\"\n              :class=\"drpNs.e('time-picker-wrap')\"\n            >\n              <el-input\n                size=\"small\"\n                :class=\"drpNs.e('editor')\"\n                :disabled=\"rangeState.selecting || dateRangeDisabled\"\n                :placeholder=\"t('el.datepicker.startTime')\"\n                :model-value=\"minVisibleTime\"\n                :validate-event=\"false\"\n                :readonly=\"!editable\"\n                @focus=\"minTimePickerVisible = true\"\n                @input=\"(val) => handleTimeInput(val, 'min')\"\n                @change=\"(val) => handleTimeChange(val, 'min')\"\n              />\n              <time-pick-panel\n                :visible=\"minTimePickerVisible\"\n                :format=\"timeFormat\"\n                datetime-role=\"start\"\n                :parsed-value=\"minDate || leftDate\"\n                @pick=\"handleMinTimePick\"\n              />\n            </span>\n          </span>\n          <span>\n            <el-icon><arrow-right /></el-icon>\n          </span>\n          <span :class=\"drpNs.e('editors-wrap')\" class=\"is-right\">\n            <span :class=\"drpNs.e('time-picker-wrap')\">\n              <el-input\n                size=\"small\"\n                :class=\"drpNs.e('editor')\"\n                :disabled=\"rangeState.selecting || dateRangeDisabled\"\n                :placeholder=\"t('el.datepicker.endDate')\"\n                :model-value=\"maxVisibleDate\"\n                :readonly=\"!minDate || !editable\"\n                :validate-event=\"false\"\n                @input=\"(val) => handleDateInput(val, 'max')\"\n                @change=\"(val) => handleDateChange(val, 'max')\"\n              />\n            </span>\n            <span\n              v-clickoutside=\"handleMaxTimeClose\"\n              :class=\"drpNs.e('time-picker-wrap')\"\n            >\n              <el-input\n                size=\"small\"\n                :class=\"drpNs.e('editor')\"\n                :disabled=\"rangeState.selecting || dateRangeDisabled\"\n                :placeholder=\"t('el.datepicker.endTime')\"\n                :model-value=\"maxVisibleTime\"\n                :readonly=\"!minDate || !editable\"\n                :validate-event=\"false\"\n                @focus=\"minDate && (maxTimePickerVisible = true)\"\n                @input=\"(val) => handleTimeInput(val, 'max')\"\n                @change=\"(val) => handleTimeChange(val, 'max')\"\n              />\n              <time-pick-panel\n                datetime-role=\"end\"\n                :visible=\"maxTimePickerVisible\"\n                :format=\"timeFormat\"\n                :parsed-value=\"maxDate || rightDate\"\n                @pick=\"handleMaxTimePick\"\n              />\n            </span>\n          </span>\n        </div>\n        <div\n          :class=\"[\n            ppNs.e('content'),\n            drpNs.e('content'),\n            drpNs.is('left', !singlePanel),\n          ]\"\n        >\n          <div :class=\"drpNs.e('header')\">\n            <button\n              type=\"button\"\n              :class=\"ppNs.e('icon-btn')\"\n              :aria-label=\"t(`el.datepicker.prevYear`)\"\n              class=\"d-arrow-left\"\n              :disabled=\"dateRangeDisabled\"\n              @click=\"leftPrevYear\"\n            >\n              <slot name=\"prev-year\">\n                <el-icon>\n                  <d-arrow-left />\n                </el-icon>\n              </slot>\n            </button>\n            <button\n              v-show=\"leftCurrentView === 'date'\"\n              type=\"button\"\n              :class=\"ppNs.e('icon-btn')\"\n              :aria-label=\"t(`el.datepicker.prevMonth`)\"\n              class=\"arrow-left\"\n              :disabled=\"dateRangeDisabled\"\n              @click=\"leftPrevMonth\"\n            >\n              <slot name=\"prev-month\">\n                <el-icon>\n                  <arrow-left />\n                </el-icon>\n              </slot>\n            </button>\n            <button\n              v-if=\"unlinkPanels || singlePanel\"\n              type=\"button\"\n              :disabled=\"!enableYearArrow || dateRangeDisabled\"\n              :class=\"[\n                ppNs.e('icon-btn'),\n                ppNs.is('disabled', !enableYearArrow || dateRangeDisabled),\n              ]\"\n              :aria-label=\"t(`el.datepicker.nextYear`)\"\n              class=\"d-arrow-right\"\n              @click=\"leftNextYear\"\n            >\n              <slot name=\"next-year\">\n                <el-icon>\n                  <d-arrow-right />\n                </el-icon>\n              </slot>\n            </button>\n            <button\n              v-if=\"(unlinkPanels && leftCurrentView === 'date') || singlePanel\"\n              type=\"button\"\n              :disabled=\"!enableMonthArrow || dateRangeDisabled\"\n              :class=\"[\n                ppNs.e('icon-btn'),\n                ppNs.is('disabled', !enableMonthArrow || dateRangeDisabled),\n              ]\"\n              :aria-label=\"t(`el.datepicker.nextMonth`)\"\n              class=\"arrow-right\"\n              @click=\"leftNextMonth\"\n            >\n              <slot name=\"next-month\">\n                <el-icon>\n                  <arrow-right />\n                </el-icon>\n              </slot>\n            </button>\n            <div>\n              <span\n                role=\"button\"\n                :class=\"drpNs.e('header-label')\"\n                aria-live=\"polite\"\n                :tabindex=\"disabled ? undefined : 0\"\n                :aria-disabled=\"disabled\"\n                @keydown.enter=\"showLeftPicker('year')\"\n                @click=\"showLeftPicker('year')\"\n              >\n                {{ leftYearLabel }}\n              </span>\n              <span\n                v-show=\"leftCurrentView === 'date'\"\n                role=\"button\"\n                aria-live=\"polite\"\n                :tabindex=\"disabled ? undefined : 0\"\n                :aria-disabled=\"disabled\"\n                :class=\"[\n                  drpNs.e('header-label'),\n                  { active: leftCurrentView === 'month' },\n                ]\"\n                @keydown.enter=\"showLeftPicker('month')\"\n                @click=\"showLeftPicker('month')\"\n              >\n                {{ t(`el.datepicker.month${leftDate.month() + 1}`) }}\n              </span>\n            </div>\n          </div>\n          <date-table\n            v-if=\"leftCurrentView === 'date'\"\n            ref=\"leftCurrentViewRef\"\n            selection-mode=\"range\"\n            :date=\"leftDate\"\n            :min-date=\"minDate\"\n            :max-date=\"maxDate\"\n            :range-state=\"rangeState\"\n            :disabled-date=\"disabledDate\"\n            :cell-class-name=\"cellClassName\"\n            :show-week-number=\"showWeekNumber\"\n            :disabled=\"dateRangeDisabled\"\n            @changerange=\"handleChangeRange\"\n            @pick=\"handleRangePick\"\n            @select=\"onSelect\"\n          />\n          <year-table\n            v-if=\"leftCurrentView === 'year'\"\n            ref=\"leftCurrentViewRef\"\n            selection-mode=\"year\"\n            :date=\"leftDate\"\n            :disabled-date=\"disabledDate\"\n            :parsed-value=\"parsedValue\"\n            :disabled=\"dateRangeDisabled\"\n            @pick=\"handleLeftYearPick\"\n          />\n          <month-table\n            v-if=\"leftCurrentView === 'month'\"\n            ref=\"leftCurrentViewRef\"\n            selection-mode=\"month\"\n            :date=\"leftDate\"\n            :parsed-value=\"parsedValue\"\n            :disabled-date=\"disabledDate\"\n            :disabled=\"dateRangeDisabled\"\n            @pick=\"handleLeftMonthPick\"\n          />\n        </div>\n        <div\n          v-if=\"!singlePanel\"\n          :class=\"[ppNs.e('content'), drpNs.e('content')]\"\n          class=\"is-right\"\n        >\n          <div :class=\"drpNs.e('header')\">\n            <button\n              v-if=\"unlinkPanels\"\n              type=\"button\"\n              :disabled=\"!enableYearArrow || dateRangeDisabled\"\n              :class=\"[\n                ppNs.e('icon-btn'),\n                ppNs.is('disabled', !enableYearArrow || dateRangeDisabled),\n              ]\"\n              :aria-label=\"t(`el.datepicker.prevYear`)\"\n              class=\"d-arrow-left\"\n              @click=\"rightPrevYear\"\n            >\n              <slot name=\"prev-year\">\n                <el-icon>\n                  <d-arrow-left />\n                </el-icon>\n              </slot>\n            </button>\n            <button\n              v-if=\"unlinkPanels && rightCurrentView === 'date'\"\n              type=\"button\"\n              :disabled=\"!enableMonthArrow || dateRangeDisabled\"\n              :class=\"[\n                ppNs.e('icon-btn'),\n                ppNs.is('disabled', !enableMonthArrow || dateRangeDisabled),\n              ]\"\n              :aria-label=\"t(`el.datepicker.prevMonth`)\"\n              class=\"arrow-left\"\n              @click=\"rightPrevMonth\"\n            >\n              <slot name=\"prev-month\">\n                <el-icon>\n                  <arrow-left />\n                </el-icon>\n              </slot>\n            </button>\n            <button\n              type=\"button\"\n              :aria-label=\"t(`el.datepicker.nextYear`)\"\n              :class=\"ppNs.e('icon-btn')\"\n              :disabled=\"dateRangeDisabled\"\n              class=\"d-arrow-right\"\n              @click=\"rightNextYear\"\n            >\n              <slot name=\"next-year\">\n                <el-icon>\n                  <d-arrow-right />\n                </el-icon>\n              </slot>\n            </button>\n            <button\n              v-show=\"rightCurrentView === 'date'\"\n              type=\"button\"\n              :class=\"ppNs.e('icon-btn')\"\n              :disabled=\"dateRangeDisabled\"\n              :aria-label=\"t(`el.datepicker.nextMonth`)\"\n              class=\"arrow-right\"\n              @click=\"rightNextMonth\"\n            >\n              <slot name=\"next-month\">\n                <el-icon>\n                  <arrow-right />\n                </el-icon>\n              </slot>\n            </button>\n            <div>\n              <span\n                role=\"button\"\n                :class=\"drpNs.e('header-label')\"\n                aria-live=\"polite\"\n                :tabindex=\"disabled ? undefined : 0\"\n                :aria-disabled=\"disabled\"\n                @keydown.enter=\"showRightPicker('year')\"\n                @click=\"showRightPicker('year')\"\n              >\n                {{ rightYearLabel }}\n              </span>\n              <span\n                v-show=\"rightCurrentView === 'date'\"\n                role=\"button\"\n                aria-live=\"polite\"\n                :tabindex=\"disabled ? undefined : 0\"\n                :aria-disabled=\"disabled\"\n                :class=\"[\n                  drpNs.e('header-label'),\n                  { active: rightCurrentView === 'month' },\n                ]\"\n                @keydown.enter=\"showRightPicker('month')\"\n                @click=\"showRightPicker('month')\"\n              >\n                {{ t(`el.datepicker.month${rightDate.month() + 1}`) }}\n              </span>\n            </div>\n          </div>\n          <date-table\n            v-if=\"rightCurrentView === 'date'\"\n            ref=\"rightCurrentViewRef\"\n            selection-mode=\"range\"\n            :date=\"rightDate\"\n            :min-date=\"minDate\"\n            :max-date=\"maxDate\"\n            :range-state=\"rangeState\"\n            :disabled-date=\"disabledDate\"\n            :cell-class-name=\"cellClassName\"\n            :show-week-number=\"showWeekNumber\"\n            :disabled=\"dateRangeDisabled\"\n            @changerange=\"handleChangeRange\"\n            @pick=\"handleRangePick\"\n            @select=\"onSelect\"\n          />\n          <year-table\n            v-if=\"rightCurrentView === 'year'\"\n            ref=\"rightCurrentViewRef\"\n            selection-mode=\"year\"\n            :date=\"rightDate\"\n            :disabled-date=\"disabledDate\"\n            :parsed-value=\"parsedValue\"\n            :disabled=\"dateRangeDisabled\"\n            @pick=\"handleRightYearPick\"\n          />\n          <month-table\n            v-if=\"rightCurrentView === 'month'\"\n            ref=\"rightCurrentViewRef\"\n            selection-mode=\"month\"\n            :date=\"rightDate\"\n            :parsed-value=\"parsedValue\"\n            :disabled-date=\"disabledDate\"\n            :disabled=\"dateRangeDisabled\"\n            @pick=\"handleRightMonthPick\"\n          />\n        </div>\n      </div>\n    </div>\n    <div\n      v-if=\"showFooter && showTime && (showConfirm || clearable)\"\n      :class=\"ppNs.e('footer')\"\n    >\n      <el-button\n        v-if=\"clearable\"\n        text\n        size=\"small\"\n        :class=\"ppNs.e('link-btn')\"\n        @click=\"onClear\"\n      >\n        {{ t('el.datepicker.clear') }}\n      </el-button>\n      <el-button\n        v-if=\"showConfirm\"\n        plain\n        size=\"small\"\n        :class=\"ppNs.e('link-btn')\"\n        :disabled=\"btnDisabled\"\n        @click=\"handleRangeConfirm(false)\"\n      >\n        {{ t('el.datepicker.confirm') }}\n      </el-button>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, nextTick, ref, toRef, unref, watch } from 'vue'\nimport dayjs from 'dayjs'\nimport { ClickOutside as vClickoutside } from '@element-plus/directives'\nimport { useLocale } from '@element-plus/hooks'\nimport ElButton from '@element-plus/components/button'\nimport ElInput from '@element-plus/components/input'\nimport {\n  DEFAULT_FORMATS_DATE,\n  DEFAULT_FORMATS_TIME,\n  PICKER_BASE_INJECTION_KEY,\n  TimePickPanel,\n  extractDateFormat,\n  extractTimeFormat,\n} from '@element-plus/components/time-picker'\nimport ElIcon from '@element-plus/components/icon'\nimport {\n  ArrowLeft,\n  ArrowRight,\n  DArrowLeft,\n  DArrowRight,\n} from '@element-plus/icons-vue'\nimport { panelDateRangeProps } from '../props/panel-date-range'\nimport { useRangePicker } from '../composables/use-range-picker'\nimport {\n  correctlyParseUserInput,\n  getDefaultValue,\n  isValidRange,\n} from '../utils'\nimport { usePanelDateRange } from '../composables/use-panel-date-range'\nimport { ROOT_PICKER_IS_DEFAULT_FORMAT_INJECTION_KEY } from '../constants'\nimport YearTable from './basic-year-table.vue'\nimport MonthTable from './basic-month-table.vue'\nimport DateTable from './basic-date-table.vue'\nimport { useFormDisabled } from '@element-plus/components/form'\n\nimport type { Ref } from 'vue'\nimport type { Dayjs } from 'dayjs'\n\ntype ChangeType = 'min' | 'max'\ntype UserInput = {\n  min: string | null\n  max: string | null\n}\n\nconst props = defineProps(panelDateRangeProps)\nconst emit = defineEmits([\n  'pick',\n  'set-picker-option',\n  'calendar-change',\n  'panel-change',\n  'clear',\n])\n\nconst unit = 'month'\n// FIXME: fix the type for ep picker\nconst pickerBase = inject(PICKER_BASE_INJECTION_KEY) as any\nconst isDefaultFormat = inject(\n  ROOT_PICKER_IS_DEFAULT_FORMAT_INJECTION_KEY,\n  undefined\n) as any\nconst { disabledDate, cellClassName, defaultTime, clearable } = pickerBase.props\nconst format: Ref<string | undefined> = toRef(pickerBase.props, 'format')\nconst shortcuts = toRef(pickerBase.props, 'shortcuts')\nconst defaultValue = toRef(pickerBase.props, 'defaultValue')\nconst { lang } = useLocale()\nconst leftDate = ref<Dayjs>(dayjs().locale(lang.value))\nconst rightDate = ref<Dayjs>(dayjs().locale(lang.value).add(1, unit))\n\nconst {\n  minDate,\n  maxDate,\n  rangeState,\n  ppNs,\n  drpNs,\n  handleChangeRange,\n  handleRangeConfirm,\n  handleShortcutClick,\n  onSelect,\n  parseValue,\n  t,\n} = useRangePicker(props, {\n  defaultValue,\n  defaultTime,\n  leftDate,\n  rightDate,\n  unit,\n  sortDates,\n})\n\nwatch(\n  () => props.visible,\n  (visible) => {\n    if (!visible && rangeState.value.selecting) {\n      parseValue(props.parsedValue)\n      onSelect(false)\n    }\n  }\n)\n\nconst dateUserInput = ref<UserInput>({\n  min: null,\n  max: null,\n})\n\nconst timeUserInput = ref<UserInput>({\n  min: null,\n  max: null,\n})\n\nconst {\n  leftCurrentView,\n  rightCurrentView,\n  leftCurrentViewRef,\n  rightCurrentViewRef,\n  leftYear,\n  rightYear,\n  leftMonth,\n  rightMonth,\n  leftYearLabel,\n  rightYearLabel,\n  showLeftPicker,\n  showRightPicker,\n  handleLeftYearPick,\n  handleRightYearPick,\n  handleLeftMonthPick,\n  handleRightMonthPick,\n  handlePanelChange,\n  adjustDateByView,\n} = usePanelDateRange(props, emit, leftDate, rightDate)\n\nconst hasShortcuts = computed(() => !!shortcuts.value.length)\n\nconst minVisibleDate = computed(() => {\n  if (dateUserInput.value.min !== null) return dateUserInput.value.min\n  if (minDate.value) return minDate.value.format(dateFormat.value)\n  return ''\n})\n\nconst maxVisibleDate = computed(() => {\n  if (dateUserInput.value.max !== null) return dateUserInput.value.max\n  if (maxDate.value || minDate.value)\n    return (maxDate.value || minDate.value)!.format(dateFormat.value)\n  return ''\n})\n\nconst minVisibleTime = computed(() => {\n  if (timeUserInput.value.min !== null) return timeUserInput.value.min\n  if (minDate.value) return minDate.value.format(timeFormat.value)\n  return ''\n})\n\nconst maxVisibleTime = computed(() => {\n  if (timeUserInput.value.max !== null) return timeUserInput.value.max\n  if (maxDate.value || minDate.value)\n    return (maxDate.value || minDate.value)!.format(timeFormat.value)\n  return ''\n})\n\nconst timeFormat = computed(() => {\n  return (\n    props.timeFormat ||\n    extractTimeFormat(format.value || '') ||\n    DEFAULT_FORMATS_TIME\n  )\n})\n\nconst dateFormat = computed(() => {\n  return (\n    props.dateFormat ||\n    extractDateFormat(format.value || '') ||\n    DEFAULT_FORMATS_DATE\n  )\n})\n\nconst isValidValue = (date: [Dayjs, Dayjs]) => {\n  return (\n    isValidRange(date) &&\n    (disabledDate\n      ? !disabledDate(date[0].toDate()) && !disabledDate(date[1].toDate())\n      : true)\n  )\n}\n\nconst leftPrevYear = () => {\n  leftDate.value = adjustDateByView(\n    leftCurrentView.value,\n    leftDate.value,\n    false\n  )\n\n  if (!props.unlinkPanels) {\n    rightDate.value = leftDate.value.add(1, 'month')\n  }\n  handlePanelChange('year')\n}\n\nconst leftPrevMonth = () => {\n  leftDate.value = leftDate.value.subtract(1, 'month')\n  if (!props.unlinkPanels) {\n    rightDate.value = leftDate.value.add(1, 'month')\n  }\n  handlePanelChange('month')\n}\n\nconst rightNextYear = () => {\n  if (!props.unlinkPanels) {\n    leftDate.value = adjustDateByView(\n      rightCurrentView.value,\n      leftDate.value,\n      true\n    )\n\n    rightDate.value = leftDate.value.add(1, 'month')\n  } else {\n    rightDate.value = adjustDateByView(\n      rightCurrentView.value,\n      rightDate.value,\n      true\n    )\n  }\n  handlePanelChange('year')\n}\n\nconst rightNextMonth = () => {\n  if (!props.unlinkPanels) {\n    leftDate.value = leftDate.value.add(1, 'month')\n    rightDate.value = leftDate.value.add(1, 'month')\n  } else {\n    rightDate.value = rightDate.value.add(1, 'month')\n  }\n  handlePanelChange('month')\n}\n\nconst leftNextYear = () => {\n  leftDate.value = adjustDateByView(leftCurrentView.value, leftDate.value, true)\n\n  handlePanelChange('year')\n}\n\nconst leftNextMonth = () => {\n  leftDate.value = leftDate.value.add(1, 'month')\n  handlePanelChange('month')\n}\n\nconst rightPrevYear = () => {\n  rightDate.value = adjustDateByView(\n    rightCurrentView.value,\n    rightDate.value,\n    false\n  )\n\n  handlePanelChange('year')\n}\n\nconst rightPrevMonth = () => {\n  rightDate.value = rightDate.value.subtract(1, 'month')\n  handlePanelChange('month')\n}\n\nconst enableMonthArrow = computed(() => {\n  const nextMonth = (leftMonth.value + 1) % 12\n  const yearOffset = leftMonth.value + 1 >= 12 ? 1 : 0\n  return (\n    props.singlePanel ||\n    (props.unlinkPanels &&\n      new Date(leftYear.value + yearOffset, nextMonth) <\n        new Date(rightYear.value, rightMonth.value))\n  )\n})\n\nconst enableYearArrow = computed(() => {\n  return (\n    props.singlePanel ||\n    (props.unlinkPanels &&\n      rightYear.value * 12 +\n        rightMonth.value -\n        (leftYear.value * 12 + leftMonth.value + 1) >=\n        12)\n  )\n})\n\nconst dateRangeDisabled = useFormDisabled()\n\nconst btnDisabled = computed(() => {\n  return !(\n    minDate.value &&\n    maxDate.value &&\n    !rangeState.value.selecting &&\n    isValidRange([minDate.value, maxDate.value]) &&\n    !dateRangeDisabled.value\n  )\n})\n\nconst showTime = computed(\n  () => props.type === 'datetime' || props.type === 'datetimerange'\n)\n\nconst formatEmit = (emitDayjs: Dayjs | null, index?: number) => {\n  if (!emitDayjs) return\n  if (defaultTime) {\n    const defaultTimeD = dayjs(\n      defaultTime[index as number] || defaultTime\n    ).locale(lang.value)\n    return defaultTimeD\n      .year(emitDayjs.year())\n      .month(emitDayjs.month())\n      .date(emitDayjs.date())\n  }\n  return emitDayjs\n}\n\nconst handleRangePick = (\n  val: {\n    minDate: Dayjs\n    maxDate: Dayjs | null\n  },\n  close = true\n) => {\n  const min_ = val.minDate\n  const max_ = val.maxDate\n  const minDate_ = formatEmit(min_, 0)\n  const maxDate_ = formatEmit(max_, 1)\n\n  if (maxDate.value === maxDate_ && minDate.value === minDate_) {\n    return\n  }\n  emit('calendar-change', [min_.toDate(), max_ && max_.toDate()])\n  maxDate.value = maxDate_\n  minDate.value = minDate_\n\n  if (!showTime.value && close) {\n    close = !minDate_ || !maxDate_\n  }\n  handleRangeConfirm(close)\n}\n\nconst minTimePickerVisible = ref(false)\nconst maxTimePickerVisible = ref(false)\n\nconst handleMinTimeClose = () => {\n  minTimePickerVisible.value = false\n}\n\nconst handleMaxTimeClose = () => {\n  maxTimePickerVisible.value = false\n}\n\nconst handleDateInput = (value: string | null, type: ChangeType) => {\n  dateUserInput.value[type] = value\n  const parsedValueD = dayjs(value, dateFormat.value).locale(lang.value)\n  if (parsedValueD.isValid()) {\n    if (disabledDate && disabledDate(parsedValueD.toDate())) {\n      return\n    }\n    if (type === 'min') {\n      leftDate.value = parsedValueD\n      minDate.value = (minDate.value || leftDate.value)\n        .year(parsedValueD.year())\n        .month(parsedValueD.month())\n        .date(parsedValueD.date())\n      if (\n        !props.unlinkPanels &&\n        (!maxDate.value || maxDate.value.isBefore(minDate.value))\n      ) {\n        rightDate.value = parsedValueD.add(1, 'month')\n        maxDate.value = minDate.value.add(1, 'month')\n      }\n    } else {\n      rightDate.value = parsedValueD\n      maxDate.value = (maxDate.value || rightDate.value)\n        .year(parsedValueD.year())\n        .month(parsedValueD.month())\n        .date(parsedValueD.date())\n      if (\n        !props.unlinkPanels &&\n        (!minDate.value || minDate.value.isAfter(maxDate.value))\n      ) {\n        leftDate.value = parsedValueD.subtract(1, 'month')\n        minDate.value = maxDate.value.subtract(1, 'month')\n      }\n    }\n    sortDates(minDate.value, maxDate.value)\n    handleRangeConfirm(true)\n  }\n}\n\nconst handleDateChange = (_: unknown, type: ChangeType) => {\n  dateUserInput.value[type] = null\n}\n\nconst handleTimeInput = (value: string | null, type: ChangeType) => {\n  timeUserInput.value[type] = value\n  const parsedValueD = dayjs(value, timeFormat.value).locale(lang.value)\n\n  if (parsedValueD.isValid()) {\n    if (type === 'min') {\n      minTimePickerVisible.value = true\n      minDate.value = (minDate.value || leftDate.value)\n        .hour(parsedValueD.hour())\n        .minute(parsedValueD.minute())\n        .second(parsedValueD.second())\n      leftDate.value = minDate.value\n    } else {\n      maxTimePickerVisible.value = true\n      maxDate.value = (maxDate.value || rightDate.value)\n        .hour(parsedValueD.hour())\n        .minute(parsedValueD.minute())\n        .second(parsedValueD.second())\n      rightDate.value = maxDate.value\n    }\n  }\n}\n\nconst handleTimeChange = (_value: string | null, type: ChangeType) => {\n  timeUserInput.value[type] = null\n  if (type === 'min') {\n    leftDate.value = minDate.value!\n    minTimePickerVisible.value = false\n    if (!maxDate.value || maxDate.value.isBefore(minDate.value)) {\n      maxDate.value = minDate.value\n    }\n  } else {\n    rightDate.value = maxDate.value!\n    maxTimePickerVisible.value = false\n    if (maxDate.value && maxDate.value.isBefore(minDate.value)) {\n      minDate.value = maxDate.value\n    }\n  }\n  handleRangeConfirm(true)\n}\n\nconst handleMinTimePick = (value: Dayjs, visible: boolean, first: boolean) => {\n  if (timeUserInput.value.min) return\n  if (value) {\n    minDate.value = (minDate.value || leftDate.value)\n      .hour(value.hour())\n      .minute(value.minute())\n      .second(value.second())\n  }\n\n  if (!first) {\n    minTimePickerVisible.value = visible\n  }\n\n  if (!maxDate.value || maxDate.value.isBefore(minDate.value)) {\n    maxDate.value = minDate.value\n    rightDate.value = value\n    nextTick(() => {\n      parseValue(props.parsedValue)\n    })\n  }\n  handleRangeConfirm(true)\n}\n\nconst handleMaxTimePick = (\n  value: Dayjs | null,\n  visible: boolean,\n  first: boolean\n) => {\n  if (timeUserInput.value.max) return\n  if (value) {\n    maxDate.value = (maxDate.value || rightDate.value)\n      .hour(value.hour())\n      .minute(value.minute())\n      .second(value.second())\n  }\n\n  if (!first) {\n    maxTimePickerVisible.value = visible\n  }\n\n  if (maxDate.value && maxDate.value.isBefore(minDate.value)) {\n    minDate.value = maxDate.value\n  }\n  handleRangeConfirm(true)\n}\n\nconst onClear = () => {\n  handleClear()\n  emit('clear')\n}\n\nconst handleClear = () => {\n  let valueOnClear = null\n  if (pickerBase?.emptyValues) {\n    valueOnClear = pickerBase.emptyValues.valueOnClear.value\n  }\n  leftDate.value = getDefaultValue(unref(defaultValue), {\n    lang: unref(lang),\n    unit: 'month',\n    unlinkPanels: props.unlinkPanels,\n  })[0]\n  rightDate.value = leftDate.value.add(1, 'month')\n  maxDate.value = undefined\n  minDate.value = undefined\n\n  handleRangeConfirm(true)\n  emit('pick', valueOnClear)\n}\n\nconst parseUserInput = (value: Dayjs | Dayjs[]) => {\n  return correctlyParseUserInput(\n    value,\n    format.value || '',\n    lang.value,\n    isDefaultFormat\n  )\n}\nfunction sortDates(minDate: Dayjs | undefined, maxDate: Dayjs | undefined) {\n  if (props.unlinkPanels && maxDate) {\n    const minDateYear = minDate?.year() || 0\n    const minDateMonth = minDate?.month() || 0\n    const maxDateYear = maxDate.year()\n    const maxDateMonth = maxDate.month()\n    rightDate.value =\n      minDateYear === maxDateYear && minDateMonth === maxDateMonth\n        ? maxDate.add(1, unit)\n        : maxDate\n  } else {\n    rightDate.value = leftDate.value.add(1, unit)\n    if (maxDate) {\n      rightDate.value = rightDate.value\n        .hour(maxDate.hour())\n        .minute(maxDate.minute())\n        .second(maxDate.second())\n    }\n  }\n}\n\nemit('set-picker-option', ['isValidValue', isValidValue])\nemit('set-picker-option', ['parseUserInput', parseUserInput])\nemit('set-picker-option', ['handleClear', handleClear])\n</script>\n"],"mappings":""}

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

@@ -152,10 +152,10 @@ var panel_date_range_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 		const enableMonthArrow = computed(() => {
 			const nextMonth = (leftMonth.value + 1) % 12;
 			const yearOffset = leftMonth.value + 1 >= 12 ? 1 : 0;
-			return props.unlinkPanels && new Date(leftYear.value + yearOffset, nextMonth) < new Date(rightYear.value, rightMonth.value);
+			return props.singlePanel || props.unlinkPanels && new Date(leftYear.value + yearOffset, nextMonth) < new Date(rightYear.value, rightMonth.value);
 		});
 		const enableYearArrow = computed(() => {
-			return props.unlinkPanels && rightYear.value * 12 + rightMonth.value - (leftYear.value * 12 + leftMonth.value + 1) >= 12;
+			return props.singlePanel || props.unlinkPanels && rightYear.value * 12 + rightMonth.value - (leftYear.value * 12 + leftMonth.value + 1) >= 12;
 		});
 		const dateRangeDisabled = useFormDisabled();
 		const btnDisabled = computed(() => {
@@ -304,7 +304,8 @@ var panel_date_range_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 				unref(ppNs).is("disabled", unref(dateRangeDisabled)),
 				{
 					"has-sidebar": _ctx.$slots.sidebar || hasShortcuts.value,
-					"has-time": showTime.value
+					"has-time": showTime.value,
+					"single-panel": _ctx.singlePanel
 				}
 			]) }, [createElementVNode("div", { class: normalizeClass(unref(ppNs).e("body-wrapper")) }, [
 				renderSlot(_ctx.$slots, "sidebar", { class: normalizeClass(unref(ppNs).e("sidebar")) }),
@@ -418,7 +419,11 @@ var panel_date_range_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 							"parsed-value"
 						])], 2)), [[unref(ClickOutside), handleMaxTimeClose]])], 2)
 					], 2)) : createCommentVNode("v-if", true),
-					createElementVNode("div", { class: normalizeClass([[unref(ppNs).e("content"), unref(drpNs).e("content")], "is-left"]) }, [
+					createElementVNode("div", { class: normalizeClass([
+						unref(ppNs).e("content"),
+						unref(drpNs).e("content"),
+						unref(drpNs).is("left", !_ctx.singlePanel)
+					]) }, [
 						createElementVNode("div", { class: normalizeClass(unref(drpNs).e("header")) }, [
 							createElementVNode("button", {
 								type: "button",
@@ -440,7 +445,7 @@ var panel_date_range_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 								default: withCtx(() => [createVNode(unref(ArrowLeft))]),
 								_: 1
 							})])], 10, _hoisted_3), [[vShow, unref(leftCurrentView) === "date"]]),
-							_ctx.unlinkPanels ? (openBlock(), createElementBlock("button", {
+							_ctx.unlinkPanels || _ctx.singlePanel ? (openBlock(), createElementBlock("button", {
 								key: 0,
 								type: "button",
 								disabled: !enableYearArrow.value || unref(dateRangeDisabled),
@@ -451,7 +456,7 @@ var panel_date_range_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 								default: withCtx(() => [createVNode(unref(DArrowRight))]),
 								_: 1
 							})])], 10, _hoisted_4)) : createCommentVNode("v-if", true),
-							_ctx.unlinkPanels && unref(leftCurrentView) === "date" ? (openBlock(), createElementBlock("button", {
+							_ctx.unlinkPanels && unref(leftCurrentView) === "date" || _ctx.singlePanel ? (openBlock(), createElementBlock("button", {
 								key: 1,
 								type: "button",
 								disabled: !enableMonthArrow.value || unref(dateRangeDisabled),
@@ -543,7 +548,10 @@ var panel_date_range_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 							"onPick"
 						])) : createCommentVNode("v-if", true)
 					], 2),
-					createElementVNode("div", { class: normalizeClass([[unref(ppNs).e("content"), unref(drpNs).e("content")], "is-right"]) }, [
+					!_ctx.singlePanel ? (openBlock(), createElementBlock("div", {
+						key: 1,
+						class: normalizeClass([[unref(ppNs).e("content"), unref(drpNs).e("content")], "is-right"])
+					}, [
 						createElementVNode("div", { class: normalizeClass(unref(drpNs).e("header")) }, [
 							_ctx.unlinkPanels ? (openBlock(), createElementBlock("button", {
 								key: 0,
@@ -667,7 +675,7 @@ var panel_date_range_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 							"disabled",
 							"onPick"
 						])) : createCommentVNode("v-if", true)
-					], 2)
+					], 2)) : createCommentVNode("v-if", true)
 				], 2)
 			], 2), _ctx.showFooter && showTime.value && (_ctx.showConfirm || unref(clearable)) ? (openBlock(), createElementBlock("div", {
 				key: 0,

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

@@ -1 +1 @@
-{"version":3,"file":"panel-date-range.vue_vue_type_script_setup_true_lang.mjs","names":["border","$slots","editable","unlinkPanels","disabled","showWeekNumber","parsedValue","showFooter","showConfirm"],"sources":["../../../../../../../packages/components/date-picker-panel/src/date-picker-com/panel-date-range.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      ppNs.b(),\n      drpNs.b(),\n      ppNs.is('border', border),\n      ppNs.is('disabled', dateRangeDisabled),\n      {\n        'has-sidebar': $slots.sidebar || hasShortcuts,\n        'has-time': showTime,\n      },\n    ]\"\n  >\n    <div :class=\"ppNs.e('body-wrapper')\">\n      <slot name=\"sidebar\" :class=\"ppNs.e('sidebar')\" />\n      <div v-if=\"hasShortcuts\" :class=\"ppNs.e('sidebar')\">\n        <button\n          v-for=\"(shortcut, key) in shortcuts\"\n          :key=\"key\"\n          type=\"button\"\n          :disabled=\"dateRangeDisabled\"\n          :class=\"ppNs.e('shortcut')\"\n          @click=\"handleShortcutClick(shortcut)\"\n        >\n          {{ shortcut.text }}\n        </button>\n      </div>\n      <div :class=\"ppNs.e('body')\">\n        <div v-if=\"showTime\" :class=\"drpNs.e('time-header')\">\n          <span :class=\"drpNs.e('editors-wrap')\">\n            <span :class=\"drpNs.e('time-picker-wrap')\">\n              <el-input\n                size=\"small\"\n                :disabled=\"rangeState.selecting || dateRangeDisabled\"\n                :placeholder=\"t('el.datepicker.startDate')\"\n                :class=\"drpNs.e('editor')\"\n                :model-value=\"minVisibleDate\"\n                :validate-event=\"false\"\n                :readonly=\"!editable\"\n                @input=\"(val) => handleDateInput(val, 'min')\"\n                @change=\"(val) => handleDateChange(val, 'min')\"\n              />\n            </span>\n            <span\n              v-clickoutside=\"handleMinTimeClose\"\n              :class=\"drpNs.e('time-picker-wrap')\"\n            >\n              <el-input\n                size=\"small\"\n                :class=\"drpNs.e('editor')\"\n                :disabled=\"rangeState.selecting || dateRangeDisabled\"\n                :placeholder=\"t('el.datepicker.startTime')\"\n                :model-value=\"minVisibleTime\"\n                :validate-event=\"false\"\n                :readonly=\"!editable\"\n                @focus=\"minTimePickerVisible = true\"\n                @input=\"(val) => handleTimeInput(val, 'min')\"\n                @change=\"(val) => handleTimeChange(val, 'min')\"\n              />\n              <time-pick-panel\n                :visible=\"minTimePickerVisible\"\n                :format=\"timeFormat\"\n                datetime-role=\"start\"\n                :parsed-value=\"minDate || leftDate\"\n                @pick=\"handleMinTimePick\"\n              />\n            </span>\n          </span>\n          <span>\n            <el-icon><arrow-right /></el-icon>\n          </span>\n          <span :class=\"drpNs.e('editors-wrap')\" class=\"is-right\">\n            <span :class=\"drpNs.e('time-picker-wrap')\">\n              <el-input\n                size=\"small\"\n                :class=\"drpNs.e('editor')\"\n                :disabled=\"rangeState.selecting || dateRangeDisabled\"\n                :placeholder=\"t('el.datepicker.endDate')\"\n                :model-value=\"maxVisibleDate\"\n                :readonly=\"!minDate || !editable\"\n                :validate-event=\"false\"\n                @input=\"(val) => handleDateInput(val, 'max')\"\n                @change=\"(val) => handleDateChange(val, 'max')\"\n              />\n            </span>\n            <span\n              v-clickoutside=\"handleMaxTimeClose\"\n              :class=\"drpNs.e('time-picker-wrap')\"\n            >\n              <el-input\n                size=\"small\"\n                :class=\"drpNs.e('editor')\"\n                :disabled=\"rangeState.selecting || dateRangeDisabled\"\n                :placeholder=\"t('el.datepicker.endTime')\"\n                :model-value=\"maxVisibleTime\"\n                :readonly=\"!minDate || !editable\"\n                :validate-event=\"false\"\n                @focus=\"minDate && (maxTimePickerVisible = true)\"\n                @input=\"(val) => handleTimeInput(val, 'max')\"\n                @change=\"(val) => handleTimeChange(val, 'max')\"\n              />\n              <time-pick-panel\n                datetime-role=\"end\"\n                :visible=\"maxTimePickerVisible\"\n                :format=\"timeFormat\"\n                :parsed-value=\"maxDate || rightDate\"\n                @pick=\"handleMaxTimePick\"\n              />\n            </span>\n          </span>\n        </div>\n        <div :class=\"[ppNs.e('content'), drpNs.e('content')]\" class=\"is-left\">\n          <div :class=\"drpNs.e('header')\">\n            <button\n              type=\"button\"\n              :class=\"ppNs.e('icon-btn')\"\n              :aria-label=\"t(`el.datepicker.prevYear`)\"\n              class=\"d-arrow-left\"\n              :disabled=\"dateRangeDisabled\"\n              @click=\"leftPrevYear\"\n            >\n              <slot name=\"prev-year\">\n                <el-icon>\n                  <d-arrow-left />\n                </el-icon>\n              </slot>\n            </button>\n            <button\n              v-show=\"leftCurrentView === 'date'\"\n              type=\"button\"\n              :class=\"ppNs.e('icon-btn')\"\n              :aria-label=\"t(`el.datepicker.prevMonth`)\"\n              class=\"arrow-left\"\n              :disabled=\"dateRangeDisabled\"\n              @click=\"leftPrevMonth\"\n            >\n              <slot name=\"prev-month\">\n                <el-icon>\n                  <arrow-left />\n                </el-icon>\n              </slot>\n            </button>\n            <button\n              v-if=\"unlinkPanels\"\n              type=\"button\"\n              :disabled=\"!enableYearArrow || dateRangeDisabled\"\n              :class=\"[\n                ppNs.e('icon-btn'),\n                ppNs.is('disabled', !enableYearArrow || dateRangeDisabled),\n              ]\"\n              :aria-label=\"t(`el.datepicker.nextYear`)\"\n              class=\"d-arrow-right\"\n              @click=\"leftNextYear\"\n            >\n              <slot name=\"next-year\">\n                <el-icon>\n                  <d-arrow-right />\n                </el-icon>\n              </slot>\n            </button>\n            <button\n              v-if=\"unlinkPanels && leftCurrentView === 'date'\"\n              type=\"button\"\n              :disabled=\"!enableMonthArrow || dateRangeDisabled\"\n              :class=\"[\n                ppNs.e('icon-btn'),\n                ppNs.is('disabled', !enableMonthArrow || dateRangeDisabled),\n              ]\"\n              :aria-label=\"t(`el.datepicker.nextMonth`)\"\n              class=\"arrow-right\"\n              @click=\"leftNextMonth\"\n            >\n              <slot name=\"next-month\">\n                <el-icon>\n                  <arrow-right />\n                </el-icon>\n              </slot>\n            </button>\n            <div>\n              <span\n                role=\"button\"\n                :class=\"drpNs.e('header-label')\"\n                aria-live=\"polite\"\n                :tabindex=\"disabled ? undefined : 0\"\n                :aria-disabled=\"disabled\"\n                @keydown.enter=\"showLeftPicker('year')\"\n                @click=\"showLeftPicker('year')\"\n              >\n                {{ leftYearLabel }}\n              </span>\n              <span\n                v-show=\"leftCurrentView === 'date'\"\n                role=\"button\"\n                aria-live=\"polite\"\n                :tabindex=\"disabled ? undefined : 0\"\n                :aria-disabled=\"disabled\"\n                :class=\"[\n                  drpNs.e('header-label'),\n                  { active: leftCurrentView === 'month' },\n                ]\"\n                @keydown.enter=\"showLeftPicker('month')\"\n                @click=\"showLeftPicker('month')\"\n              >\n                {{ t(`el.datepicker.month${leftDate.month() + 1}`) }}\n              </span>\n            </div>\n          </div>\n          <date-table\n            v-if=\"leftCurrentView === 'date'\"\n            ref=\"leftCurrentViewRef\"\n            selection-mode=\"range\"\n            :date=\"leftDate\"\n            :min-date=\"minDate\"\n            :max-date=\"maxDate\"\n            :range-state=\"rangeState\"\n            :disabled-date=\"disabledDate\"\n            :cell-class-name=\"cellClassName\"\n            :show-week-number=\"showWeekNumber\"\n            :disabled=\"dateRangeDisabled\"\n            @changerange=\"handleChangeRange\"\n            @pick=\"handleRangePick\"\n            @select=\"onSelect\"\n          />\n          <year-table\n            v-if=\"leftCurrentView === 'year'\"\n            ref=\"leftCurrentViewRef\"\n            selection-mode=\"year\"\n            :date=\"leftDate\"\n            :disabled-date=\"disabledDate\"\n            :parsed-value=\"parsedValue\"\n            :disabled=\"dateRangeDisabled\"\n            @pick=\"handleLeftYearPick\"\n          />\n          <month-table\n            v-if=\"leftCurrentView === 'month'\"\n            ref=\"leftCurrentViewRef\"\n            selection-mode=\"month\"\n            :date=\"leftDate\"\n            :parsed-value=\"parsedValue\"\n            :disabled-date=\"disabledDate\"\n            :disabled=\"dateRangeDisabled\"\n            @pick=\"handleLeftMonthPick\"\n          />\n        </div>\n        <div :class=\"[ppNs.e('content'), drpNs.e('content')]\" class=\"is-right\">\n          <div :class=\"drpNs.e('header')\">\n            <button\n              v-if=\"unlinkPanels\"\n              type=\"button\"\n              :disabled=\"!enableYearArrow || dateRangeDisabled\"\n              :class=\"[\n                ppNs.e('icon-btn'),\n                ppNs.is('disabled', !enableYearArrow || dateRangeDisabled),\n              ]\"\n              :aria-label=\"t(`el.datepicker.prevYear`)\"\n              class=\"d-arrow-left\"\n              @click=\"rightPrevYear\"\n            >\n              <slot name=\"prev-year\">\n                <el-icon>\n                  <d-arrow-left />\n                </el-icon>\n              </slot>\n            </button>\n            <button\n              v-if=\"unlinkPanels && rightCurrentView === 'date'\"\n              type=\"button\"\n              :disabled=\"!enableMonthArrow || dateRangeDisabled\"\n              :class=\"[\n                ppNs.e('icon-btn'),\n                ppNs.is('disabled', !enableMonthArrow || dateRangeDisabled),\n              ]\"\n              :aria-label=\"t(`el.datepicker.prevMonth`)\"\n              class=\"arrow-left\"\n              @click=\"rightPrevMonth\"\n            >\n              <slot name=\"prev-month\">\n                <el-icon>\n                  <arrow-left />\n                </el-icon>\n              </slot>\n            </button>\n            <button\n              type=\"button\"\n              :aria-label=\"t(`el.datepicker.nextYear`)\"\n              :class=\"ppNs.e('icon-btn')\"\n              :disabled=\"dateRangeDisabled\"\n              class=\"d-arrow-right\"\n              @click=\"rightNextYear\"\n            >\n              <slot name=\"next-year\">\n                <el-icon>\n                  <d-arrow-right />\n                </el-icon>\n              </slot>\n            </button>\n            <button\n              v-show=\"rightCurrentView === 'date'\"\n              type=\"button\"\n              :class=\"ppNs.e('icon-btn')\"\n              :disabled=\"dateRangeDisabled\"\n              :aria-label=\"t(`el.datepicker.nextMonth`)\"\n              class=\"arrow-right\"\n              @click=\"rightNextMonth\"\n            >\n              <slot name=\"next-month\">\n                <el-icon>\n                  <arrow-right />\n                </el-icon>\n              </slot>\n            </button>\n            <div>\n              <span\n                role=\"button\"\n                :class=\"drpNs.e('header-label')\"\n                aria-live=\"polite\"\n                :tabindex=\"disabled ? undefined : 0\"\n                :aria-disabled=\"disabled\"\n                @keydown.enter=\"showRightPicker('year')\"\n                @click=\"showRightPicker('year')\"\n              >\n                {{ rightYearLabel }}\n              </span>\n              <span\n                v-show=\"rightCurrentView === 'date'\"\n                role=\"button\"\n                aria-live=\"polite\"\n                :tabindex=\"disabled ? undefined : 0\"\n                :aria-disabled=\"disabled\"\n                :class=\"[\n                  drpNs.e('header-label'),\n                  { active: rightCurrentView === 'month' },\n                ]\"\n                @keydown.enter=\"showRightPicker('month')\"\n                @click=\"showRightPicker('month')\"\n              >\n                {{ t(`el.datepicker.month${rightDate.month() + 1}`) }}\n              </span>\n            </div>\n          </div>\n          <date-table\n            v-if=\"rightCurrentView === 'date'\"\n            ref=\"rightCurrentViewRef\"\n            selection-mode=\"range\"\n            :date=\"rightDate\"\n            :min-date=\"minDate\"\n            :max-date=\"maxDate\"\n            :range-state=\"rangeState\"\n            :disabled-date=\"disabledDate\"\n            :cell-class-name=\"cellClassName\"\n            :show-week-number=\"showWeekNumber\"\n            :disabled=\"dateRangeDisabled\"\n            @changerange=\"handleChangeRange\"\n            @pick=\"handleRangePick\"\n            @select=\"onSelect\"\n          />\n          <year-table\n            v-if=\"rightCurrentView === 'year'\"\n            ref=\"rightCurrentViewRef\"\n            selection-mode=\"year\"\n            :date=\"rightDate\"\n            :disabled-date=\"disabledDate\"\n            :parsed-value=\"parsedValue\"\n            :disabled=\"dateRangeDisabled\"\n            @pick=\"handleRightYearPick\"\n          />\n          <month-table\n            v-if=\"rightCurrentView === 'month'\"\n            ref=\"rightCurrentViewRef\"\n            selection-mode=\"month\"\n            :date=\"rightDate\"\n            :parsed-value=\"parsedValue\"\n            :disabled-date=\"disabledDate\"\n            :disabled=\"dateRangeDisabled\"\n            @pick=\"handleRightMonthPick\"\n          />\n        </div>\n      </div>\n    </div>\n    <div\n      v-if=\"showFooter && showTime && (showConfirm || clearable)\"\n      :class=\"ppNs.e('footer')\"\n    >\n      <el-button\n        v-if=\"clearable\"\n        text\n        size=\"small\"\n        :class=\"ppNs.e('link-btn')\"\n        @click=\"onClear\"\n      >\n        {{ t('el.datepicker.clear') }}\n      </el-button>\n      <el-button\n        v-if=\"showConfirm\"\n        plain\n        size=\"small\"\n        :class=\"ppNs.e('link-btn')\"\n        :disabled=\"btnDisabled\"\n        @click=\"handleRangeConfirm(false)\"\n      >\n        {{ t('el.datepicker.confirm') }}\n      </el-button>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, nextTick, ref, toRef, unref, watch } from 'vue'\nimport dayjs from 'dayjs'\nimport { ClickOutside as vClickoutside } from '@element-plus/directives'\nimport { useLocale } from '@element-plus/hooks'\nimport ElButton from '@element-plus/components/button'\nimport ElInput from '@element-plus/components/input'\nimport {\n  DEFAULT_FORMATS_DATE,\n  DEFAULT_FORMATS_TIME,\n  PICKER_BASE_INJECTION_KEY,\n  TimePickPanel,\n  extractDateFormat,\n  extractTimeFormat,\n} from '@element-plus/components/time-picker'\nimport ElIcon from '@element-plus/components/icon'\nimport {\n  ArrowLeft,\n  ArrowRight,\n  DArrowLeft,\n  DArrowRight,\n} from '@element-plus/icons-vue'\nimport { panelDateRangeProps } from '../props/panel-date-range'\nimport { useRangePicker } from '../composables/use-range-picker'\nimport {\n  correctlyParseUserInput,\n  getDefaultValue,\n  isValidRange,\n} from '../utils'\nimport { usePanelDateRange } from '../composables/use-panel-date-range'\nimport { ROOT_PICKER_IS_DEFAULT_FORMAT_INJECTION_KEY } from '../constants'\nimport YearTable from './basic-year-table.vue'\nimport MonthTable from './basic-month-table.vue'\nimport DateTable from './basic-date-table.vue'\nimport { useFormDisabled } from '@element-plus/components/form'\n\nimport type { Ref } from 'vue'\nimport type { Dayjs } from 'dayjs'\n\ntype ChangeType = 'min' | 'max'\ntype UserInput = {\n  min: string | null\n  max: string | null\n}\n\nconst props = defineProps(panelDateRangeProps)\nconst emit = defineEmits([\n  'pick',\n  'set-picker-option',\n  'calendar-change',\n  'panel-change',\n  'clear',\n])\n\nconst unit = 'month'\n// FIXME: fix the type for ep picker\nconst pickerBase = inject(PICKER_BASE_INJECTION_KEY) as any\nconst isDefaultFormat = inject(\n  ROOT_PICKER_IS_DEFAULT_FORMAT_INJECTION_KEY,\n  undefined\n) as any\nconst { disabledDate, cellClassName, defaultTime, clearable } = pickerBase.props\nconst format: Ref<string | undefined> = toRef(pickerBase.props, 'format')\nconst shortcuts = toRef(pickerBase.props, 'shortcuts')\nconst defaultValue = toRef(pickerBase.props, 'defaultValue')\nconst { lang } = useLocale()\nconst leftDate = ref<Dayjs>(dayjs().locale(lang.value))\nconst rightDate = ref<Dayjs>(dayjs().locale(lang.value).add(1, unit))\n\nconst {\n  minDate,\n  maxDate,\n  rangeState,\n  ppNs,\n  drpNs,\n  handleChangeRange,\n  handleRangeConfirm,\n  handleShortcutClick,\n  onSelect,\n  parseValue,\n  t,\n} = useRangePicker(props, {\n  defaultValue,\n  defaultTime,\n  leftDate,\n  rightDate,\n  unit,\n  sortDates,\n})\n\nwatch(\n  () => props.visible,\n  (visible) => {\n    if (!visible && rangeState.value.selecting) {\n      parseValue(props.parsedValue)\n      onSelect(false)\n    }\n  }\n)\n\nconst dateUserInput = ref<UserInput>({\n  min: null,\n  max: null,\n})\n\nconst timeUserInput = ref<UserInput>({\n  min: null,\n  max: null,\n})\n\nconst {\n  leftCurrentView,\n  rightCurrentView,\n  leftCurrentViewRef,\n  rightCurrentViewRef,\n  leftYear,\n  rightYear,\n  leftMonth,\n  rightMonth,\n  leftYearLabel,\n  rightYearLabel,\n  showLeftPicker,\n  showRightPicker,\n  handleLeftYearPick,\n  handleRightYearPick,\n  handleLeftMonthPick,\n  handleRightMonthPick,\n  handlePanelChange,\n  adjustDateByView,\n} = usePanelDateRange(props, emit, leftDate, rightDate)\n\nconst hasShortcuts = computed(() => !!shortcuts.value.length)\n\nconst minVisibleDate = computed(() => {\n  if (dateUserInput.value.min !== null) return dateUserInput.value.min\n  if (minDate.value) return minDate.value.format(dateFormat.value)\n  return ''\n})\n\nconst maxVisibleDate = computed(() => {\n  if (dateUserInput.value.max !== null) return dateUserInput.value.max\n  if (maxDate.value || minDate.value)\n    return (maxDate.value || minDate.value)!.format(dateFormat.value)\n  return ''\n})\n\nconst minVisibleTime = computed(() => {\n  if (timeUserInput.value.min !== null) return timeUserInput.value.min\n  if (minDate.value) return minDate.value.format(timeFormat.value)\n  return ''\n})\n\nconst maxVisibleTime = computed(() => {\n  if (timeUserInput.value.max !== null) return timeUserInput.value.max\n  if (maxDate.value || minDate.value)\n    return (maxDate.value || minDate.value)!.format(timeFormat.value)\n  return ''\n})\n\nconst timeFormat = computed(() => {\n  return (\n    props.timeFormat ||\n    extractTimeFormat(format.value || '') ||\n    DEFAULT_FORMATS_TIME\n  )\n})\n\nconst dateFormat = computed(() => {\n  return (\n    props.dateFormat ||\n    extractDateFormat(format.value || '') ||\n    DEFAULT_FORMATS_DATE\n  )\n})\n\nconst isValidValue = (date: [Dayjs, Dayjs]) => {\n  return (\n    isValidRange(date) &&\n    (disabledDate\n      ? !disabledDate(date[0].toDate()) && !disabledDate(date[1].toDate())\n      : true)\n  )\n}\n\nconst leftPrevYear = () => {\n  leftDate.value = adjustDateByView(\n    leftCurrentView.value,\n    leftDate.value,\n    false\n  )\n\n  if (!props.unlinkPanels) {\n    rightDate.value = leftDate.value.add(1, 'month')\n  }\n  handlePanelChange('year')\n}\n\nconst leftPrevMonth = () => {\n  leftDate.value = leftDate.value.subtract(1, 'month')\n  if (!props.unlinkPanels) {\n    rightDate.value = leftDate.value.add(1, 'month')\n  }\n  handlePanelChange('month')\n}\n\nconst rightNextYear = () => {\n  if (!props.unlinkPanels) {\n    leftDate.value = adjustDateByView(\n      rightCurrentView.value,\n      leftDate.value,\n      true\n    )\n\n    rightDate.value = leftDate.value.add(1, 'month')\n  } else {\n    rightDate.value = adjustDateByView(\n      rightCurrentView.value,\n      rightDate.value,\n      true\n    )\n  }\n  handlePanelChange('year')\n}\n\nconst rightNextMonth = () => {\n  if (!props.unlinkPanels) {\n    leftDate.value = leftDate.value.add(1, 'month')\n    rightDate.value = leftDate.value.add(1, 'month')\n  } else {\n    rightDate.value = rightDate.value.add(1, 'month')\n  }\n  handlePanelChange('month')\n}\n\nconst leftNextYear = () => {\n  leftDate.value = adjustDateByView(leftCurrentView.value, leftDate.value, true)\n\n  handlePanelChange('year')\n}\n\nconst leftNextMonth = () => {\n  leftDate.value = leftDate.value.add(1, 'month')\n  handlePanelChange('month')\n}\n\nconst rightPrevYear = () => {\n  rightDate.value = adjustDateByView(\n    rightCurrentView.value,\n    rightDate.value,\n    false\n  )\n\n  handlePanelChange('year')\n}\n\nconst rightPrevMonth = () => {\n  rightDate.value = rightDate.value.subtract(1, 'month')\n  handlePanelChange('month')\n}\n\nconst enableMonthArrow = computed(() => {\n  const nextMonth = (leftMonth.value + 1) % 12\n  const yearOffset = leftMonth.value + 1 >= 12 ? 1 : 0\n  return (\n    props.unlinkPanels &&\n    new Date(leftYear.value + yearOffset, nextMonth) <\n      new Date(rightYear.value, rightMonth.value)\n  )\n})\n\nconst enableYearArrow = computed(() => {\n  return (\n    props.unlinkPanels &&\n    rightYear.value * 12 +\n      rightMonth.value -\n      (leftYear.value * 12 + leftMonth.value + 1) >=\n      12\n  )\n})\n\nconst dateRangeDisabled = useFormDisabled()\n\nconst btnDisabled = computed(() => {\n  return !(\n    minDate.value &&\n    maxDate.value &&\n    !rangeState.value.selecting &&\n    isValidRange([minDate.value, maxDate.value]) &&\n    !dateRangeDisabled.value\n  )\n})\n\nconst showTime = computed(\n  () => props.type === 'datetime' || props.type === 'datetimerange'\n)\n\nconst formatEmit = (emitDayjs: Dayjs | null, index?: number) => {\n  if (!emitDayjs) return\n  if (defaultTime) {\n    const defaultTimeD = dayjs(\n      defaultTime[index as number] || defaultTime\n    ).locale(lang.value)\n    return defaultTimeD\n      .year(emitDayjs.year())\n      .month(emitDayjs.month())\n      .date(emitDayjs.date())\n  }\n  return emitDayjs\n}\n\nconst handleRangePick = (\n  val: {\n    minDate: Dayjs\n    maxDate: Dayjs | null\n  },\n  close = true\n) => {\n  const min_ = val.minDate\n  const max_ = val.maxDate\n  const minDate_ = formatEmit(min_, 0)\n  const maxDate_ = formatEmit(max_, 1)\n\n  if (maxDate.value === maxDate_ && minDate.value === minDate_) {\n    return\n  }\n  emit('calendar-change', [min_.toDate(), max_ && max_.toDate()])\n  maxDate.value = maxDate_\n  minDate.value = minDate_\n\n  if (!showTime.value && close) {\n    close = !minDate_ || !maxDate_\n  }\n  handleRangeConfirm(close)\n}\n\nconst minTimePickerVisible = ref(false)\nconst maxTimePickerVisible = ref(false)\n\nconst handleMinTimeClose = () => {\n  minTimePickerVisible.value = false\n}\n\nconst handleMaxTimeClose = () => {\n  maxTimePickerVisible.value = false\n}\n\nconst handleDateInput = (value: string | null, type: ChangeType) => {\n  dateUserInput.value[type] = value\n  const parsedValueD = dayjs(value, dateFormat.value).locale(lang.value)\n  if (parsedValueD.isValid()) {\n    if (disabledDate && disabledDate(parsedValueD.toDate())) {\n      return\n    }\n    if (type === 'min') {\n      leftDate.value = parsedValueD\n      minDate.value = (minDate.value || leftDate.value)\n        .year(parsedValueD.year())\n        .month(parsedValueD.month())\n        .date(parsedValueD.date())\n      if (\n        !props.unlinkPanels &&\n        (!maxDate.value || maxDate.value.isBefore(minDate.value))\n      ) {\n        rightDate.value = parsedValueD.add(1, 'month')\n        maxDate.value = minDate.value.add(1, 'month')\n      }\n    } else {\n      rightDate.value = parsedValueD\n      maxDate.value = (maxDate.value || rightDate.value)\n        .year(parsedValueD.year())\n        .month(parsedValueD.month())\n        .date(parsedValueD.date())\n      if (\n        !props.unlinkPanels &&\n        (!minDate.value || minDate.value.isAfter(maxDate.value))\n      ) {\n        leftDate.value = parsedValueD.subtract(1, 'month')\n        minDate.value = maxDate.value.subtract(1, 'month')\n      }\n    }\n    sortDates(minDate.value, maxDate.value)\n    handleRangeConfirm(true)\n  }\n}\n\nconst handleDateChange = (_: unknown, type: ChangeType) => {\n  dateUserInput.value[type] = null\n}\n\nconst handleTimeInput = (value: string | null, type: ChangeType) => {\n  timeUserInput.value[type] = value\n  const parsedValueD = dayjs(value, timeFormat.value).locale(lang.value)\n\n  if (parsedValueD.isValid()) {\n    if (type === 'min') {\n      minTimePickerVisible.value = true\n      minDate.value = (minDate.value || leftDate.value)\n        .hour(parsedValueD.hour())\n        .minute(parsedValueD.minute())\n        .second(parsedValueD.second())\n      leftDate.value = minDate.value\n    } else {\n      maxTimePickerVisible.value = true\n      maxDate.value = (maxDate.value || rightDate.value)\n        .hour(parsedValueD.hour())\n        .minute(parsedValueD.minute())\n        .second(parsedValueD.second())\n      rightDate.value = maxDate.value\n    }\n  }\n}\n\nconst handleTimeChange = (_value: string | null, type: ChangeType) => {\n  timeUserInput.value[type] = null\n  if (type === 'min') {\n    leftDate.value = minDate.value!\n    minTimePickerVisible.value = false\n    if (!maxDate.value || maxDate.value.isBefore(minDate.value)) {\n      maxDate.value = minDate.value\n    }\n  } else {\n    rightDate.value = maxDate.value!\n    maxTimePickerVisible.value = false\n    if (maxDate.value && maxDate.value.isBefore(minDate.value)) {\n      minDate.value = maxDate.value\n    }\n  }\n  handleRangeConfirm(true)\n}\n\nconst handleMinTimePick = (value: Dayjs, visible: boolean, first: boolean) => {\n  if (timeUserInput.value.min) return\n  if (value) {\n    minDate.value = (minDate.value || leftDate.value)\n      .hour(value.hour())\n      .minute(value.minute())\n      .second(value.second())\n  }\n\n  if (!first) {\n    minTimePickerVisible.value = visible\n  }\n\n  if (!maxDate.value || maxDate.value.isBefore(minDate.value)) {\n    maxDate.value = minDate.value\n    rightDate.value = value\n    nextTick(() => {\n      parseValue(props.parsedValue)\n    })\n  }\n  handleRangeConfirm(true)\n}\n\nconst handleMaxTimePick = (\n  value: Dayjs | null,\n  visible: boolean,\n  first: boolean\n) => {\n  if (timeUserInput.value.max) return\n  if (value) {\n    maxDate.value = (maxDate.value || rightDate.value)\n      .hour(value.hour())\n      .minute(value.minute())\n      .second(value.second())\n  }\n\n  if (!first) {\n    maxTimePickerVisible.value = visible\n  }\n\n  if (maxDate.value && maxDate.value.isBefore(minDate.value)) {\n    minDate.value = maxDate.value\n  }\n  handleRangeConfirm(true)\n}\n\nconst onClear = () => {\n  handleClear()\n  emit('clear')\n}\n\nconst handleClear = () => {\n  let valueOnClear = null\n  if (pickerBase?.emptyValues) {\n    valueOnClear = pickerBase.emptyValues.valueOnClear.value\n  }\n  leftDate.value = getDefaultValue(unref(defaultValue), {\n    lang: unref(lang),\n    unit: 'month',\n    unlinkPanels: props.unlinkPanels,\n  })[0]\n  rightDate.value = leftDate.value.add(1, 'month')\n  maxDate.value = undefined\n  minDate.value = undefined\n\n  handleRangeConfirm(true)\n  emit('pick', valueOnClear)\n}\n\nconst parseUserInput = (value: Dayjs | Dayjs[]) => {\n  return correctlyParseUserInput(\n    value,\n    format.value || '',\n    lang.value,\n    isDefaultFormat\n  )\n}\nfunction sortDates(minDate: Dayjs | undefined, maxDate: Dayjs | undefined) {\n  if (props.unlinkPanels && maxDate) {\n    const minDateYear = minDate?.year() || 0\n    const minDateMonth = minDate?.month() || 0\n    const maxDateYear = maxDate.year()\n    const maxDateMonth = maxDate.month()\n    rightDate.value =\n      minDateYear === maxDateYear && minDateMonth === maxDateMonth\n        ? maxDate.add(1, unit)\n        : maxDate\n  } else {\n    rightDate.value = leftDate.value.add(1, unit)\n    if (maxDate) {\n      rightDate.value = rightDate.value\n        .hour(maxDate.hour())\n        .minute(maxDate.minute())\n        .second(maxDate.second())\n    }\n  }\n}\n\nemit('set-picker-option', ['isValidValue', isValidValue])\nemit('set-picker-option', ['parseUserInput', parseUserInput])\nemit('set-picker-option', ['handleClear', handleClear])\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"panel-date-range.vue_vue_type_script_setup_true_lang.mjs","names":["border","$slots","singlePanel","editable","unlinkPanels","disabled","showWeekNumber","parsedValue","showFooter","showConfirm"],"sources":["../../../../../../../packages/components/date-picker-panel/src/date-picker-com/panel-date-range.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      ppNs.b(),\n      drpNs.b(),\n      ppNs.is('border', border),\n      ppNs.is('disabled', dateRangeDisabled),\n      {\n        'has-sidebar': $slots.sidebar || hasShortcuts,\n        'has-time': showTime,\n        'single-panel': singlePanel,\n      },\n    ]\"\n  >\n    <div :class=\"ppNs.e('body-wrapper')\">\n      <slot name=\"sidebar\" :class=\"ppNs.e('sidebar')\" />\n      <div v-if=\"hasShortcuts\" :class=\"ppNs.e('sidebar')\">\n        <button\n          v-for=\"(shortcut, key) in shortcuts\"\n          :key=\"key\"\n          type=\"button\"\n          :disabled=\"dateRangeDisabled\"\n          :class=\"ppNs.e('shortcut')\"\n          @click=\"handleShortcutClick(shortcut)\"\n        >\n          {{ shortcut.text }}\n        </button>\n      </div>\n      <div :class=\"ppNs.e('body')\">\n        <div v-if=\"showTime\" :class=\"drpNs.e('time-header')\">\n          <span :class=\"drpNs.e('editors-wrap')\">\n            <span :class=\"drpNs.e('time-picker-wrap')\">\n              <el-input\n                size=\"small\"\n                :disabled=\"rangeState.selecting || dateRangeDisabled\"\n                :placeholder=\"t('el.datepicker.startDate')\"\n                :class=\"drpNs.e('editor')\"\n                :model-value=\"minVisibleDate\"\n                :validate-event=\"false\"\n                :readonly=\"!editable\"\n                @input=\"(val) => handleDateInput(val, 'min')\"\n                @change=\"(val) => handleDateChange(val, 'min')\"\n              />\n            </span>\n            <span\n              v-clickoutside=\"handleMinTimeClose\"\n              :class=\"drpNs.e('time-picker-wrap')\"\n            >\n              <el-input\n                size=\"small\"\n                :class=\"drpNs.e('editor')\"\n                :disabled=\"rangeState.selecting || dateRangeDisabled\"\n                :placeholder=\"t('el.datepicker.startTime')\"\n                :model-value=\"minVisibleTime\"\n                :validate-event=\"false\"\n                :readonly=\"!editable\"\n                @focus=\"minTimePickerVisible = true\"\n                @input=\"(val) => handleTimeInput(val, 'min')\"\n                @change=\"(val) => handleTimeChange(val, 'min')\"\n              />\n              <time-pick-panel\n                :visible=\"minTimePickerVisible\"\n                :format=\"timeFormat\"\n                datetime-role=\"start\"\n                :parsed-value=\"minDate || leftDate\"\n                @pick=\"handleMinTimePick\"\n              />\n            </span>\n          </span>\n          <span>\n            <el-icon><arrow-right /></el-icon>\n          </span>\n          <span :class=\"drpNs.e('editors-wrap')\" class=\"is-right\">\n            <span :class=\"drpNs.e('time-picker-wrap')\">\n              <el-input\n                size=\"small\"\n                :class=\"drpNs.e('editor')\"\n                :disabled=\"rangeState.selecting || dateRangeDisabled\"\n                :placeholder=\"t('el.datepicker.endDate')\"\n                :model-value=\"maxVisibleDate\"\n                :readonly=\"!minDate || !editable\"\n                :validate-event=\"false\"\n                @input=\"(val) => handleDateInput(val, 'max')\"\n                @change=\"(val) => handleDateChange(val, 'max')\"\n              />\n            </span>\n            <span\n              v-clickoutside=\"handleMaxTimeClose\"\n              :class=\"drpNs.e('time-picker-wrap')\"\n            >\n              <el-input\n                size=\"small\"\n                :class=\"drpNs.e('editor')\"\n                :disabled=\"rangeState.selecting || dateRangeDisabled\"\n                :placeholder=\"t('el.datepicker.endTime')\"\n                :model-value=\"maxVisibleTime\"\n                :readonly=\"!minDate || !editable\"\n                :validate-event=\"false\"\n                @focus=\"minDate && (maxTimePickerVisible = true)\"\n                @input=\"(val) => handleTimeInput(val, 'max')\"\n                @change=\"(val) => handleTimeChange(val, 'max')\"\n              />\n              <time-pick-panel\n                datetime-role=\"end\"\n                :visible=\"maxTimePickerVisible\"\n                :format=\"timeFormat\"\n                :parsed-value=\"maxDate || rightDate\"\n                @pick=\"handleMaxTimePick\"\n              />\n            </span>\n          </span>\n        </div>\n        <div\n          :class=\"[\n            ppNs.e('content'),\n            drpNs.e('content'),\n            drpNs.is('left', !singlePanel),\n          ]\"\n        >\n          <div :class=\"drpNs.e('header')\">\n            <button\n              type=\"button\"\n              :class=\"ppNs.e('icon-btn')\"\n              :aria-label=\"t(`el.datepicker.prevYear`)\"\n              class=\"d-arrow-left\"\n              :disabled=\"dateRangeDisabled\"\n              @click=\"leftPrevYear\"\n            >\n              <slot name=\"prev-year\">\n                <el-icon>\n                  <d-arrow-left />\n                </el-icon>\n              </slot>\n            </button>\n            <button\n              v-show=\"leftCurrentView === 'date'\"\n              type=\"button\"\n              :class=\"ppNs.e('icon-btn')\"\n              :aria-label=\"t(`el.datepicker.prevMonth`)\"\n              class=\"arrow-left\"\n              :disabled=\"dateRangeDisabled\"\n              @click=\"leftPrevMonth\"\n            >\n              <slot name=\"prev-month\">\n                <el-icon>\n                  <arrow-left />\n                </el-icon>\n              </slot>\n            </button>\n            <button\n              v-if=\"unlinkPanels || singlePanel\"\n              type=\"button\"\n              :disabled=\"!enableYearArrow || dateRangeDisabled\"\n              :class=\"[\n                ppNs.e('icon-btn'),\n                ppNs.is('disabled', !enableYearArrow || dateRangeDisabled),\n              ]\"\n              :aria-label=\"t(`el.datepicker.nextYear`)\"\n              class=\"d-arrow-right\"\n              @click=\"leftNextYear\"\n            >\n              <slot name=\"next-year\">\n                <el-icon>\n                  <d-arrow-right />\n                </el-icon>\n              </slot>\n            </button>\n            <button\n              v-if=\"(unlinkPanels && leftCurrentView === 'date') || singlePanel\"\n              type=\"button\"\n              :disabled=\"!enableMonthArrow || dateRangeDisabled\"\n              :class=\"[\n                ppNs.e('icon-btn'),\n                ppNs.is('disabled', !enableMonthArrow || dateRangeDisabled),\n              ]\"\n              :aria-label=\"t(`el.datepicker.nextMonth`)\"\n              class=\"arrow-right\"\n              @click=\"leftNextMonth\"\n            >\n              <slot name=\"next-month\">\n                <el-icon>\n                  <arrow-right />\n                </el-icon>\n              </slot>\n            </button>\n            <div>\n              <span\n                role=\"button\"\n                :class=\"drpNs.e('header-label')\"\n                aria-live=\"polite\"\n                :tabindex=\"disabled ? undefined : 0\"\n                :aria-disabled=\"disabled\"\n                @keydown.enter=\"showLeftPicker('year')\"\n                @click=\"showLeftPicker('year')\"\n              >\n                {{ leftYearLabel }}\n              </span>\n              <span\n                v-show=\"leftCurrentView === 'date'\"\n                role=\"button\"\n                aria-live=\"polite\"\n                :tabindex=\"disabled ? undefined : 0\"\n                :aria-disabled=\"disabled\"\n                :class=\"[\n                  drpNs.e('header-label'),\n                  { active: leftCurrentView === 'month' },\n                ]\"\n                @keydown.enter=\"showLeftPicker('month')\"\n                @click=\"showLeftPicker('month')\"\n              >\n                {{ t(`el.datepicker.month${leftDate.month() + 1}`) }}\n              </span>\n            </div>\n          </div>\n          <date-table\n            v-if=\"leftCurrentView === 'date'\"\n            ref=\"leftCurrentViewRef\"\n            selection-mode=\"range\"\n            :date=\"leftDate\"\n            :min-date=\"minDate\"\n            :max-date=\"maxDate\"\n            :range-state=\"rangeState\"\n            :disabled-date=\"disabledDate\"\n            :cell-class-name=\"cellClassName\"\n            :show-week-number=\"showWeekNumber\"\n            :disabled=\"dateRangeDisabled\"\n            @changerange=\"handleChangeRange\"\n            @pick=\"handleRangePick\"\n            @select=\"onSelect\"\n          />\n          <year-table\n            v-if=\"leftCurrentView === 'year'\"\n            ref=\"leftCurrentViewRef\"\n            selection-mode=\"year\"\n            :date=\"leftDate\"\n            :disabled-date=\"disabledDate\"\n            :parsed-value=\"parsedValue\"\n            :disabled=\"dateRangeDisabled\"\n            @pick=\"handleLeftYearPick\"\n          />\n          <month-table\n            v-if=\"leftCurrentView === 'month'\"\n            ref=\"leftCurrentViewRef\"\n            selection-mode=\"month\"\n            :date=\"leftDate\"\n            :parsed-value=\"parsedValue\"\n            :disabled-date=\"disabledDate\"\n            :disabled=\"dateRangeDisabled\"\n            @pick=\"handleLeftMonthPick\"\n          />\n        </div>\n        <div\n          v-if=\"!singlePanel\"\n          :class=\"[ppNs.e('content'), drpNs.e('content')]\"\n          class=\"is-right\"\n        >\n          <div :class=\"drpNs.e('header')\">\n            <button\n              v-if=\"unlinkPanels\"\n              type=\"button\"\n              :disabled=\"!enableYearArrow || dateRangeDisabled\"\n              :class=\"[\n                ppNs.e('icon-btn'),\n                ppNs.is('disabled', !enableYearArrow || dateRangeDisabled),\n              ]\"\n              :aria-label=\"t(`el.datepicker.prevYear`)\"\n              class=\"d-arrow-left\"\n              @click=\"rightPrevYear\"\n            >\n              <slot name=\"prev-year\">\n                <el-icon>\n                  <d-arrow-left />\n                </el-icon>\n              </slot>\n            </button>\n            <button\n              v-if=\"unlinkPanels && rightCurrentView === 'date'\"\n              type=\"button\"\n              :disabled=\"!enableMonthArrow || dateRangeDisabled\"\n              :class=\"[\n                ppNs.e('icon-btn'),\n                ppNs.is('disabled', !enableMonthArrow || dateRangeDisabled),\n              ]\"\n              :aria-label=\"t(`el.datepicker.prevMonth`)\"\n              class=\"arrow-left\"\n              @click=\"rightPrevMonth\"\n            >\n              <slot name=\"prev-month\">\n                <el-icon>\n                  <arrow-left />\n                </el-icon>\n              </slot>\n            </button>\n            <button\n              type=\"button\"\n              :aria-label=\"t(`el.datepicker.nextYear`)\"\n              :class=\"ppNs.e('icon-btn')\"\n              :disabled=\"dateRangeDisabled\"\n              class=\"d-arrow-right\"\n              @click=\"rightNextYear\"\n            >\n              <slot name=\"next-year\">\n                <el-icon>\n                  <d-arrow-right />\n                </el-icon>\n              </slot>\n            </button>\n            <button\n              v-show=\"rightCurrentView === 'date'\"\n              type=\"button\"\n              :class=\"ppNs.e('icon-btn')\"\n              :disabled=\"dateRangeDisabled\"\n              :aria-label=\"t(`el.datepicker.nextMonth`)\"\n              class=\"arrow-right\"\n              @click=\"rightNextMonth\"\n            >\n              <slot name=\"next-month\">\n                <el-icon>\n                  <arrow-right />\n                </el-icon>\n              </slot>\n            </button>\n            <div>\n              <span\n                role=\"button\"\n                :class=\"drpNs.e('header-label')\"\n                aria-live=\"polite\"\n                :tabindex=\"disabled ? undefined : 0\"\n                :aria-disabled=\"disabled\"\n                @keydown.enter=\"showRightPicker('year')\"\n                @click=\"showRightPicker('year')\"\n              >\n                {{ rightYearLabel }}\n              </span>\n              <span\n                v-show=\"rightCurrentView === 'date'\"\n                role=\"button\"\n                aria-live=\"polite\"\n                :tabindex=\"disabled ? undefined : 0\"\n                :aria-disabled=\"disabled\"\n                :class=\"[\n                  drpNs.e('header-label'),\n                  { active: rightCurrentView === 'month' },\n                ]\"\n                @keydown.enter=\"showRightPicker('month')\"\n                @click=\"showRightPicker('month')\"\n              >\n                {{ t(`el.datepicker.month${rightDate.month() + 1}`) }}\n              </span>\n            </div>\n          </div>\n          <date-table\n            v-if=\"rightCurrentView === 'date'\"\n            ref=\"rightCurrentViewRef\"\n            selection-mode=\"range\"\n            :date=\"rightDate\"\n            :min-date=\"minDate\"\n            :max-date=\"maxDate\"\n            :range-state=\"rangeState\"\n            :disabled-date=\"disabledDate\"\n            :cell-class-name=\"cellClassName\"\n            :show-week-number=\"showWeekNumber\"\n            :disabled=\"dateRangeDisabled\"\n            @changerange=\"handleChangeRange\"\n            @pick=\"handleRangePick\"\n            @select=\"onSelect\"\n          />\n          <year-table\n            v-if=\"rightCurrentView === 'year'\"\n            ref=\"rightCurrentViewRef\"\n            selection-mode=\"year\"\n            :date=\"rightDate\"\n            :disabled-date=\"disabledDate\"\n            :parsed-value=\"parsedValue\"\n            :disabled=\"dateRangeDisabled\"\n            @pick=\"handleRightYearPick\"\n          />\n          <month-table\n            v-if=\"rightCurrentView === 'month'\"\n            ref=\"rightCurrentViewRef\"\n            selection-mode=\"month\"\n            :date=\"rightDate\"\n            :parsed-value=\"parsedValue\"\n            :disabled-date=\"disabledDate\"\n            :disabled=\"dateRangeDisabled\"\n            @pick=\"handleRightMonthPick\"\n          />\n        </div>\n      </div>\n    </div>\n    <div\n      v-if=\"showFooter && showTime && (showConfirm || clearable)\"\n      :class=\"ppNs.e('footer')\"\n    >\n      <el-button\n        v-if=\"clearable\"\n        text\n        size=\"small\"\n        :class=\"ppNs.e('link-btn')\"\n        @click=\"onClear\"\n      >\n        {{ t('el.datepicker.clear') }}\n      </el-button>\n      <el-button\n        v-if=\"showConfirm\"\n        plain\n        size=\"small\"\n        :class=\"ppNs.e('link-btn')\"\n        :disabled=\"btnDisabled\"\n        @click=\"handleRangeConfirm(false)\"\n      >\n        {{ t('el.datepicker.confirm') }}\n      </el-button>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, nextTick, ref, toRef, unref, watch } from 'vue'\nimport dayjs from 'dayjs'\nimport { ClickOutside as vClickoutside } from '@element-plus/directives'\nimport { useLocale } from '@element-plus/hooks'\nimport ElButton from '@element-plus/components/button'\nimport ElInput from '@element-plus/components/input'\nimport {\n  DEFAULT_FORMATS_DATE,\n  DEFAULT_FORMATS_TIME,\n  PICKER_BASE_INJECTION_KEY,\n  TimePickPanel,\n  extractDateFormat,\n  extractTimeFormat,\n} from '@element-plus/components/time-picker'\nimport ElIcon from '@element-plus/components/icon'\nimport {\n  ArrowLeft,\n  ArrowRight,\n  DArrowLeft,\n  DArrowRight,\n} from '@element-plus/icons-vue'\nimport { panelDateRangeProps } from '../props/panel-date-range'\nimport { useRangePicker } from '../composables/use-range-picker'\nimport {\n  correctlyParseUserInput,\n  getDefaultValue,\n  isValidRange,\n} from '../utils'\nimport { usePanelDateRange } from '../composables/use-panel-date-range'\nimport { ROOT_PICKER_IS_DEFAULT_FORMAT_INJECTION_KEY } from '../constants'\nimport YearTable from './basic-year-table.vue'\nimport MonthTable from './basic-month-table.vue'\nimport DateTable from './basic-date-table.vue'\nimport { useFormDisabled } from '@element-plus/components/form'\n\nimport type { Ref } from 'vue'\nimport type { Dayjs } from 'dayjs'\n\ntype ChangeType = 'min' | 'max'\ntype UserInput = {\n  min: string | null\n  max: string | null\n}\n\nconst props = defineProps(panelDateRangeProps)\nconst emit = defineEmits([\n  'pick',\n  'set-picker-option',\n  'calendar-change',\n  'panel-change',\n  'clear',\n])\n\nconst unit = 'month'\n// FIXME: fix the type for ep picker\nconst pickerBase = inject(PICKER_BASE_INJECTION_KEY) as any\nconst isDefaultFormat = inject(\n  ROOT_PICKER_IS_DEFAULT_FORMAT_INJECTION_KEY,\n  undefined\n) as any\nconst { disabledDate, cellClassName, defaultTime, clearable } = pickerBase.props\nconst format: Ref<string | undefined> = toRef(pickerBase.props, 'format')\nconst shortcuts = toRef(pickerBase.props, 'shortcuts')\nconst defaultValue = toRef(pickerBase.props, 'defaultValue')\nconst { lang } = useLocale()\nconst leftDate = ref<Dayjs>(dayjs().locale(lang.value))\nconst rightDate = ref<Dayjs>(dayjs().locale(lang.value).add(1, unit))\n\nconst {\n  minDate,\n  maxDate,\n  rangeState,\n  ppNs,\n  drpNs,\n  handleChangeRange,\n  handleRangeConfirm,\n  handleShortcutClick,\n  onSelect,\n  parseValue,\n  t,\n} = useRangePicker(props, {\n  defaultValue,\n  defaultTime,\n  leftDate,\n  rightDate,\n  unit,\n  sortDates,\n})\n\nwatch(\n  () => props.visible,\n  (visible) => {\n    if (!visible && rangeState.value.selecting) {\n      parseValue(props.parsedValue)\n      onSelect(false)\n    }\n  }\n)\n\nconst dateUserInput = ref<UserInput>({\n  min: null,\n  max: null,\n})\n\nconst timeUserInput = ref<UserInput>({\n  min: null,\n  max: null,\n})\n\nconst {\n  leftCurrentView,\n  rightCurrentView,\n  leftCurrentViewRef,\n  rightCurrentViewRef,\n  leftYear,\n  rightYear,\n  leftMonth,\n  rightMonth,\n  leftYearLabel,\n  rightYearLabel,\n  showLeftPicker,\n  showRightPicker,\n  handleLeftYearPick,\n  handleRightYearPick,\n  handleLeftMonthPick,\n  handleRightMonthPick,\n  handlePanelChange,\n  adjustDateByView,\n} = usePanelDateRange(props, emit, leftDate, rightDate)\n\nconst hasShortcuts = computed(() => !!shortcuts.value.length)\n\nconst minVisibleDate = computed(() => {\n  if (dateUserInput.value.min !== null) return dateUserInput.value.min\n  if (minDate.value) return minDate.value.format(dateFormat.value)\n  return ''\n})\n\nconst maxVisibleDate = computed(() => {\n  if (dateUserInput.value.max !== null) return dateUserInput.value.max\n  if (maxDate.value || minDate.value)\n    return (maxDate.value || minDate.value)!.format(dateFormat.value)\n  return ''\n})\n\nconst minVisibleTime = computed(() => {\n  if (timeUserInput.value.min !== null) return timeUserInput.value.min\n  if (minDate.value) return minDate.value.format(timeFormat.value)\n  return ''\n})\n\nconst maxVisibleTime = computed(() => {\n  if (timeUserInput.value.max !== null) return timeUserInput.value.max\n  if (maxDate.value || minDate.value)\n    return (maxDate.value || minDate.value)!.format(timeFormat.value)\n  return ''\n})\n\nconst timeFormat = computed(() => {\n  return (\n    props.timeFormat ||\n    extractTimeFormat(format.value || '') ||\n    DEFAULT_FORMATS_TIME\n  )\n})\n\nconst dateFormat = computed(() => {\n  return (\n    props.dateFormat ||\n    extractDateFormat(format.value || '') ||\n    DEFAULT_FORMATS_DATE\n  )\n})\n\nconst isValidValue = (date: [Dayjs, Dayjs]) => {\n  return (\n    isValidRange(date) &&\n    (disabledDate\n      ? !disabledDate(date[0].toDate()) && !disabledDate(date[1].toDate())\n      : true)\n  )\n}\n\nconst leftPrevYear = () => {\n  leftDate.value = adjustDateByView(\n    leftCurrentView.value,\n    leftDate.value,\n    false\n  )\n\n  if (!props.unlinkPanels) {\n    rightDate.value = leftDate.value.add(1, 'month')\n  }\n  handlePanelChange('year')\n}\n\nconst leftPrevMonth = () => {\n  leftDate.value = leftDate.value.subtract(1, 'month')\n  if (!props.unlinkPanels) {\n    rightDate.value = leftDate.value.add(1, 'month')\n  }\n  handlePanelChange('month')\n}\n\nconst rightNextYear = () => {\n  if (!props.unlinkPanels) {\n    leftDate.value = adjustDateByView(\n      rightCurrentView.value,\n      leftDate.value,\n      true\n    )\n\n    rightDate.value = leftDate.value.add(1, 'month')\n  } else {\n    rightDate.value = adjustDateByView(\n      rightCurrentView.value,\n      rightDate.value,\n      true\n    )\n  }\n  handlePanelChange('year')\n}\n\nconst rightNextMonth = () => {\n  if (!props.unlinkPanels) {\n    leftDate.value = leftDate.value.add(1, 'month')\n    rightDate.value = leftDate.value.add(1, 'month')\n  } else {\n    rightDate.value = rightDate.value.add(1, 'month')\n  }\n  handlePanelChange('month')\n}\n\nconst leftNextYear = () => {\n  leftDate.value = adjustDateByView(leftCurrentView.value, leftDate.value, true)\n\n  handlePanelChange('year')\n}\n\nconst leftNextMonth = () => {\n  leftDate.value = leftDate.value.add(1, 'month')\n  handlePanelChange('month')\n}\n\nconst rightPrevYear = () => {\n  rightDate.value = adjustDateByView(\n    rightCurrentView.value,\n    rightDate.value,\n    false\n  )\n\n  handlePanelChange('year')\n}\n\nconst rightPrevMonth = () => {\n  rightDate.value = rightDate.value.subtract(1, 'month')\n  handlePanelChange('month')\n}\n\nconst enableMonthArrow = computed(() => {\n  const nextMonth = (leftMonth.value + 1) % 12\n  const yearOffset = leftMonth.value + 1 >= 12 ? 1 : 0\n  return (\n    props.singlePanel ||\n    (props.unlinkPanels &&\n      new Date(leftYear.value + yearOffset, nextMonth) <\n        new Date(rightYear.value, rightMonth.value))\n  )\n})\n\nconst enableYearArrow = computed(() => {\n  return (\n    props.singlePanel ||\n    (props.unlinkPanels &&\n      rightYear.value * 12 +\n        rightMonth.value -\n        (leftYear.value * 12 + leftMonth.value + 1) >=\n        12)\n  )\n})\n\nconst dateRangeDisabled = useFormDisabled()\n\nconst btnDisabled = computed(() => {\n  return !(\n    minDate.value &&\n    maxDate.value &&\n    !rangeState.value.selecting &&\n    isValidRange([minDate.value, maxDate.value]) &&\n    !dateRangeDisabled.value\n  )\n})\n\nconst showTime = computed(\n  () => props.type === 'datetime' || props.type === 'datetimerange'\n)\n\nconst formatEmit = (emitDayjs: Dayjs | null, index?: number) => {\n  if (!emitDayjs) return\n  if (defaultTime) {\n    const defaultTimeD = dayjs(\n      defaultTime[index as number] || defaultTime\n    ).locale(lang.value)\n    return defaultTimeD\n      .year(emitDayjs.year())\n      .month(emitDayjs.month())\n      .date(emitDayjs.date())\n  }\n  return emitDayjs\n}\n\nconst handleRangePick = (\n  val: {\n    minDate: Dayjs\n    maxDate: Dayjs | null\n  },\n  close = true\n) => {\n  const min_ = val.minDate\n  const max_ = val.maxDate\n  const minDate_ = formatEmit(min_, 0)\n  const maxDate_ = formatEmit(max_, 1)\n\n  if (maxDate.value === maxDate_ && minDate.value === minDate_) {\n    return\n  }\n  emit('calendar-change', [min_.toDate(), max_ && max_.toDate()])\n  maxDate.value = maxDate_\n  minDate.value = minDate_\n\n  if (!showTime.value && close) {\n    close = !minDate_ || !maxDate_\n  }\n  handleRangeConfirm(close)\n}\n\nconst minTimePickerVisible = ref(false)\nconst maxTimePickerVisible = ref(false)\n\nconst handleMinTimeClose = () => {\n  minTimePickerVisible.value = false\n}\n\nconst handleMaxTimeClose = () => {\n  maxTimePickerVisible.value = false\n}\n\nconst handleDateInput = (value: string | null, type: ChangeType) => {\n  dateUserInput.value[type] = value\n  const parsedValueD = dayjs(value, dateFormat.value).locale(lang.value)\n  if (parsedValueD.isValid()) {\n    if (disabledDate && disabledDate(parsedValueD.toDate())) {\n      return\n    }\n    if (type === 'min') {\n      leftDate.value = parsedValueD\n      minDate.value = (minDate.value || leftDate.value)\n        .year(parsedValueD.year())\n        .month(parsedValueD.month())\n        .date(parsedValueD.date())\n      if (\n        !props.unlinkPanels &&\n        (!maxDate.value || maxDate.value.isBefore(minDate.value))\n      ) {\n        rightDate.value = parsedValueD.add(1, 'month')\n        maxDate.value = minDate.value.add(1, 'month')\n      }\n    } else {\n      rightDate.value = parsedValueD\n      maxDate.value = (maxDate.value || rightDate.value)\n        .year(parsedValueD.year())\n        .month(parsedValueD.month())\n        .date(parsedValueD.date())\n      if (\n        !props.unlinkPanels &&\n        (!minDate.value || minDate.value.isAfter(maxDate.value))\n      ) {\n        leftDate.value = parsedValueD.subtract(1, 'month')\n        minDate.value = maxDate.value.subtract(1, 'month')\n      }\n    }\n    sortDates(minDate.value, maxDate.value)\n    handleRangeConfirm(true)\n  }\n}\n\nconst handleDateChange = (_: unknown, type: ChangeType) => {\n  dateUserInput.value[type] = null\n}\n\nconst handleTimeInput = (value: string | null, type: ChangeType) => {\n  timeUserInput.value[type] = value\n  const parsedValueD = dayjs(value, timeFormat.value).locale(lang.value)\n\n  if (parsedValueD.isValid()) {\n    if (type === 'min') {\n      minTimePickerVisible.value = true\n      minDate.value = (minDate.value || leftDate.value)\n        .hour(parsedValueD.hour())\n        .minute(parsedValueD.minute())\n        .second(parsedValueD.second())\n      leftDate.value = minDate.value\n    } else {\n      maxTimePickerVisible.value = true\n      maxDate.value = (maxDate.value || rightDate.value)\n        .hour(parsedValueD.hour())\n        .minute(parsedValueD.minute())\n        .second(parsedValueD.second())\n      rightDate.value = maxDate.value\n    }\n  }\n}\n\nconst handleTimeChange = (_value: string | null, type: ChangeType) => {\n  timeUserInput.value[type] = null\n  if (type === 'min') {\n    leftDate.value = minDate.value!\n    minTimePickerVisible.value = false\n    if (!maxDate.value || maxDate.value.isBefore(minDate.value)) {\n      maxDate.value = minDate.value\n    }\n  } else {\n    rightDate.value = maxDate.value!\n    maxTimePickerVisible.value = false\n    if (maxDate.value && maxDate.value.isBefore(minDate.value)) {\n      minDate.value = maxDate.value\n    }\n  }\n  handleRangeConfirm(true)\n}\n\nconst handleMinTimePick = (value: Dayjs, visible: boolean, first: boolean) => {\n  if (timeUserInput.value.min) return\n  if (value) {\n    minDate.value = (minDate.value || leftDate.value)\n      .hour(value.hour())\n      .minute(value.minute())\n      .second(value.second())\n  }\n\n  if (!first) {\n    minTimePickerVisible.value = visible\n  }\n\n  if (!maxDate.value || maxDate.value.isBefore(minDate.value)) {\n    maxDate.value = minDate.value\n    rightDate.value = value\n    nextTick(() => {\n      parseValue(props.parsedValue)\n    })\n  }\n  handleRangeConfirm(true)\n}\n\nconst handleMaxTimePick = (\n  value: Dayjs | null,\n  visible: boolean,\n  first: boolean\n) => {\n  if (timeUserInput.value.max) return\n  if (value) {\n    maxDate.value = (maxDate.value || rightDate.value)\n      .hour(value.hour())\n      .minute(value.minute())\n      .second(value.second())\n  }\n\n  if (!first) {\n    maxTimePickerVisible.value = visible\n  }\n\n  if (maxDate.value && maxDate.value.isBefore(minDate.value)) {\n    minDate.value = maxDate.value\n  }\n  handleRangeConfirm(true)\n}\n\nconst onClear = () => {\n  handleClear()\n  emit('clear')\n}\n\nconst handleClear = () => {\n  let valueOnClear = null\n  if (pickerBase?.emptyValues) {\n    valueOnClear = pickerBase.emptyValues.valueOnClear.value\n  }\n  leftDate.value = getDefaultValue(unref(defaultValue), {\n    lang: unref(lang),\n    unit: 'month',\n    unlinkPanels: props.unlinkPanels,\n  })[0]\n  rightDate.value = leftDate.value.add(1, 'month')\n  maxDate.value = undefined\n  minDate.value = undefined\n\n  handleRangeConfirm(true)\n  emit('pick', valueOnClear)\n}\n\nconst parseUserInput = (value: Dayjs | Dayjs[]) => {\n  return correctlyParseUserInput(\n    value,\n    format.value || '',\n    lang.value,\n    isDefaultFormat\n  )\n}\nfunction sortDates(minDate: Dayjs | undefined, maxDate: Dayjs | undefined) {\n  if (props.unlinkPanels && maxDate) {\n    const minDateYear = minDate?.year() || 0\n    const minDateMonth = minDate?.month() || 0\n    const maxDateYear = maxDate.year()\n    const maxDateMonth = maxDate.month()\n    rightDate.value =\n      minDateYear === maxDateYear && minDateMonth === maxDateMonth\n        ? maxDate.add(1, unit)\n        : maxDate\n  } else {\n    rightDate.value = leftDate.value.add(1, unit)\n    if (maxDate) {\n      rightDate.value = rightDate.value\n        .hour(maxDate.hour())\n        .minute(maxDate.minute())\n        .second(maxDate.second())\n    }\n  }\n}\n\nemit('set-picker-option', ['isValidValue', isValidValue])\nemit('set-picker-option', ['parseUserInput', parseUserInput])\nemit('set-picker-option', ['handleClear', handleClear])\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAudA,MAAM,OAAO;;;;;;;;;;;;EATb,MAAM,QAAQ;EACd,MAAM,OAAO;EAUb,MAAM,aAAa,OAAO,0BAA0B;EACpD,MAAM,kBAAkB,OACtB,6CACA,OACD;EACD,MAAM,EAAE,cAAc,eAAe,aAAa,cAAc,WAAW;EAC3E,MAAM,SAAkC,MAAM,WAAW,OAAO,SAAQ;EACxE,MAAM,YAAY,MAAM,WAAW,OAAO,YAAW;EACrD,MAAM,eAAe,MAAM,WAAW,OAAO,eAAc;EAC3D,MAAM,EAAE,SAAS,WAAU;EAC3B,MAAM,WAAW,IAAW,OAAO,CAAC,OAAO,KAAK,MAAM,CAAA;EACtD,MAAM,YAAY,IAAW,OAAO,CAAC,OAAO,KAAK,MAAM,CAAC,IAAI,GAAG,KAAK,CAAA;EAEpE,MAAM,EACJ,SACA,SACA,YACA,MACA,OACA,mBACA,oBACA,qBACA,UACA,YACA,MACE,eAAe,OAAO;GACxB;GACA;GACA;GACA;GACA;GACA;GACD,CAAA;AAED,cACQ,MAAM,UACX,YAAY;AACX,OAAI,CAAC,WAAW,WAAW,MAAM,WAAW;AAC1C,eAAW,MAAM,YAAW;AAC5B,aAAS,MAAK;;IAGpB;EAEA,MAAM,gBAAgB,IAAe;GACnC,KAAK;GACL,KAAK;GACN,CAAA;EAED,MAAM,gBAAgB,IAAe;GACnC,KAAK;GACL,KAAK;GACN,CAAA;EAED,MAAM,EACJ,iBACA,kBACA,oBACA,qBACA,UACA,WACA,WACA,YACA,eACA,gBACA,gBACA,iBACA,oBACA,qBACA,qBACA,sBACA,mBACA,qBACE,kBAAkB,OAAO,MAAM,UAAU,UAAS;EAEtD,MAAM,eAAe,eAAe,CAAC,CAAC,UAAU,MAAM,OAAM;EAE5D,MAAM,iBAAiB,eAAe;AACpC,OAAI,cAAc,MAAM,QAAQ,KAAM,QAAO,cAAc,MAAM;AACjE,OAAI,QAAQ,MAAO,QAAO,QAAQ,MAAM,OAAO,WAAW,MAAK;AAC/D,UAAO;IACR;EAED,MAAM,iBAAiB,eAAe;AACpC,OAAI,cAAc,MAAM,QAAQ,KAAM,QAAO,cAAc,MAAM;AACjE,OAAI,QAAQ,SAAS,QAAQ,MAC3B,SAAQ,QAAQ,SAAS,QAAQ,OAAQ,OAAO,WAAW,MAAK;AAClE,UAAO;IACR;EAED,MAAM,iBAAiB,eAAe;AACpC,OAAI,cAAc,MAAM,QAAQ,KAAM,QAAO,cAAc,MAAM;AACjE,OAAI,QAAQ,MAAO,QAAO,QAAQ,MAAM,OAAO,WAAW,MAAK;AAC/D,UAAO;IACR;EAED,MAAM,iBAAiB,eAAe;AACpC,OAAI,cAAc,MAAM,QAAQ,KAAM,QAAO,cAAc,MAAM;AACjE,OAAI,QAAQ,SAAS,QAAQ,MAC3B,SAAQ,QAAQ,SAAS,QAAQ,OAAQ,OAAO,WAAW,MAAK;AAClE,UAAO;IACR;EAED,MAAM,aAAa,eAAe;AAChC,UACE,MAAM,cACN,kBAAkB,OAAO,SAAS,GAAG,IACrC;IAEH;EAED,MAAM,aAAa,eAAe;AAChC,UACE,MAAM,cACN,kBAAkB,OAAO,SAAS,GAAG,IACrC;IAEH;EAED,MAAM,gBAAgB,SAAyB;AAC7C,UACE,aAAa,KAAK,KACjB,eACG,CAAC,aAAa,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,aAAa,KAAK,GAAG,QAAQ,CAAA,GACjE;;EAIR,MAAM,qBAAqB;AACzB,YAAS,QAAQ,iBACf,gBAAgB,OAChB,SAAS,OACT,MACF;AAEA,OAAI,CAAC,MAAM,aACT,WAAU,QAAQ,SAAS,MAAM,IAAI,GAAG,QAAO;AAEjD,qBAAkB,OAAM;;EAG1B,MAAM,sBAAsB;AAC1B,YAAS,QAAQ,SAAS,MAAM,SAAS,GAAG,QAAO;AACnD,OAAI,CAAC,MAAM,aACT,WAAU,QAAQ,SAAS,MAAM,IAAI,GAAG,QAAO;AAEjD,qBAAkB,QAAO;;EAG3B,MAAM,sBAAsB;AAC1B,OAAI,CAAC,MAAM,cAAc;AACvB,aAAS,QAAQ,iBACf,iBAAiB,OACjB,SAAS,OACT,KACF;AAEA,cAAU,QAAQ,SAAS,MAAM,IAAI,GAAG,QAAO;SAE/C,WAAU,QAAQ,iBAChB,iBAAiB,OACjB,UAAU,OACV,KACF;AAEF,qBAAkB,OAAM;;EAG1B,MAAM,uBAAuB;AAC3B,OAAI,CAAC,MAAM,cAAc;AACvB,aAAS,QAAQ,SAAS,MAAM,IAAI,GAAG,QAAO;AAC9C,cAAU,QAAQ,SAAS,MAAM,IAAI,GAAG,QAAO;SAE/C,WAAU,QAAQ,UAAU,MAAM,IAAI,GAAG,QAAO;AAElD,qBAAkB,QAAO;;EAG3B,MAAM,qBAAqB;AACzB,YAAS,QAAQ,iBAAiB,gBAAgB,OAAO,SAAS,OAAO,KAAI;AAE7E,qBAAkB,OAAM;;EAG1B,MAAM,sBAAsB;AAC1B,YAAS,QAAQ,SAAS,MAAM,IAAI,GAAG,QAAO;AAC9C,qBAAkB,QAAO;;EAG3B,MAAM,sBAAsB;AAC1B,aAAU,QAAQ,iBAChB,iBAAiB,OACjB,UAAU,OACV,MACF;AAEA,qBAAkB,OAAM;;EAG1B,MAAM,uBAAuB;AAC3B,aAAU,QAAQ,UAAU,MAAM,SAAS,GAAG,QAAO;AACrD,qBAAkB,QAAO;;EAG3B,MAAM,mBAAmB,eAAe;GACtC,MAAM,aAAa,UAAU,QAAQ,KAAK;GAC1C,MAAM,aAAa,UAAU,QAAQ,KAAK,KAAK,IAAI;AACnD,UACE,MAAM,eACL,MAAM,gBACL,IAAI,KAAK,SAAS,QAAQ,YAAY,UAAU,GAC9C,IAAI,KAAK,UAAU,OAAO,WAAW,MAAM;IAElD;EAED,MAAM,kBAAkB,eAAe;AACrC,UACE,MAAM,eACL,MAAM,gBACL,UAAU,QAAQ,KAChB,WAAW,SACV,SAAS,QAAQ,KAAK,UAAU,QAAQ,MACzC;IAEP;EAED,MAAM,oBAAoB,iBAAgB;EAE1C,MAAM,cAAc,eAAe;AACjC,UAAO,EACL,QAAQ,SACR,QAAQ,SACR,CAAC,WAAW,MAAM,aAClB,aAAa,CAAC,QAAQ,OAAO,QAAQ,MAAM,CAAC,IAC5C,CAAC,kBAAkB;IAEtB;EAED,MAAM,WAAW,eACT,MAAM,SAAS,cAAc,MAAM,SAAS,gBACpD;EAEA,MAAM,cAAc,WAAyB,UAAmB;AAC9D,OAAI,CAAC,UAAW;AAChB,OAAI,YAIF,QAHqB,MACnB,YAAY,UAAoB,YACjC,CAAC,OAAO,KAAK,MAAK,CAEhB,KAAK,UAAU,MAAM,CAAA,CACrB,MAAM,UAAU,OAAO,CAAA,CACvB,KAAK,UAAU,MAAM,CAAA;AAE1B,UAAO;;EAGT,MAAM,mBACJ,KAIA,QAAQ,SACL;GACH,MAAM,OAAO,IAAI;GACjB,MAAM,OAAO,IAAI;GACjB,MAAM,WAAW,WAAW,MAAM,EAAC;GACnC,MAAM,WAAW,WAAW,MAAM,EAAC;AAEnC,OAAI,QAAQ,UAAU,YAAY,QAAQ,UAAU,SAClD;AAEF,QAAK,mBAAmB,CAAC,KAAK,QAAQ,EAAE,QAAQ,KAAK,QAAQ,CAAC,CAAA;AAC9D,WAAQ,QAAQ;AAChB,WAAQ,QAAQ;AAEhB,OAAI,CAAC,SAAS,SAAS,MACrB,SAAQ,CAAC,YAAY,CAAC;AAExB,sBAAmB,MAAK;;EAG1B,MAAM,uBAAuB,IAAI,MAAK;EACtC,MAAM,uBAAuB,IAAI,MAAK;EAEtC,MAAM,2BAA2B;AAC/B,wBAAqB,QAAQ;;EAG/B,MAAM,2BAA2B;AAC/B,wBAAqB,QAAQ;;EAG/B,MAAM,mBAAmB,OAAsB,SAAqB;AAClE,iBAAc,MAAM,QAAQ;GAC5B,MAAM,eAAe,MAAM,OAAO,WAAW,MAAM,CAAC,OAAO,KAAK,MAAK;AACrE,OAAI,aAAa,SAAS,EAAE;AAC1B,QAAI,gBAAgB,aAAa,aAAa,QAAQ,CAAC,CACrD;AAEF,QAAI,SAAS,OAAO;AAClB,cAAS,QAAQ;AACjB,aAAQ,SAAS,QAAQ,SAAS,SAAS,OACxC,KAAK,aAAa,MAAM,CAAA,CACxB,MAAM,aAAa,OAAO,CAAA,CAC1B,KAAK,aAAa,MAAM,CAAA;AAC3B,SACE,CAAC,MAAM,iBACN,CAAC,QAAQ,SAAS,QAAQ,MAAM,SAAS,QAAQ,MAAM,GACxD;AACA,gBAAU,QAAQ,aAAa,IAAI,GAAG,QAAO;AAC7C,cAAQ,QAAQ,QAAQ,MAAM,IAAI,GAAG,QAAO;;WAEzC;AACL,eAAU,QAAQ;AAClB,aAAQ,SAAS,QAAQ,SAAS,UAAU,OACzC,KAAK,aAAa,MAAM,CAAA,CACxB,MAAM,aAAa,OAAO,CAAA,CAC1B,KAAK,aAAa,MAAM,CAAA;AAC3B,SACE,CAAC,MAAM,iBACN,CAAC,QAAQ,SAAS,QAAQ,MAAM,QAAQ,QAAQ,MAAM,GACvD;AACA,eAAS,QAAQ,aAAa,SAAS,GAAG,QAAO;AACjD,cAAQ,QAAQ,QAAQ,MAAM,SAAS,GAAG,QAAO;;;AAGrD,cAAU,QAAQ,OAAO,QAAQ,MAAK;AACtC,uBAAmB,KAAI;;;EAI3B,MAAM,oBAAoB,GAAY,SAAqB;AACzD,iBAAc,MAAM,QAAQ;;EAG9B,MAAM,mBAAmB,OAAsB,SAAqB;AAClE,iBAAc,MAAM,QAAQ;GAC5B,MAAM,eAAe,MAAM,OAAO,WAAW,MAAM,CAAC,OAAO,KAAK,MAAK;AAErE,OAAI,aAAa,SAAS,CACxB,KAAI,SAAS,OAAO;AAClB,yBAAqB,QAAQ;AAC7B,YAAQ,SAAS,QAAQ,SAAS,SAAS,OACxC,KAAK,aAAa,MAAM,CAAA,CACxB,OAAO,aAAa,QAAQ,CAAA,CAC5B,OAAO,aAAa,QAAQ,CAAA;AAC/B,aAAS,QAAQ,QAAQ;UACpB;AACL,yBAAqB,QAAQ;AAC7B,YAAQ,SAAS,QAAQ,SAAS,UAAU,OACzC,KAAK,aAAa,MAAM,CAAA,CACxB,OAAO,aAAa,QAAQ,CAAA,CAC5B,OAAO,aAAa,QAAQ,CAAA;AAC/B,cAAU,QAAQ,QAAQ;;;EAKhC,MAAM,oBAAoB,QAAuB,SAAqB;AACpE,iBAAc,MAAM,QAAQ;AAC5B,OAAI,SAAS,OAAO;AAClB,aAAS,QAAQ,QAAQ;AACzB,yBAAqB,QAAQ;AAC7B,QAAI,CAAC,QAAQ,SAAS,QAAQ,MAAM,SAAS,QAAQ,MAAM,CACzD,SAAQ,QAAQ,QAAQ;UAErB;AACL,cAAU,QAAQ,QAAQ;AAC1B,yBAAqB,QAAQ;AAC7B,QAAI,QAAQ,SAAS,QAAQ,MAAM,SAAS,QAAQ,MAAM,CACxD,SAAQ,QAAQ,QAAQ;;AAG5B,sBAAmB,KAAI;;EAGzB,MAAM,qBAAqB,OAAc,SAAkB,UAAmB;AAC5E,OAAI,cAAc,MAAM,IAAK;AAC7B,OAAI,MACF,SAAQ,SAAS,QAAQ,SAAS,SAAS,OACxC,KAAK,MAAM,MAAM,CAAA,CACjB,OAAO,MAAM,QAAQ,CAAA,CACrB,OAAO,MAAM,QAAQ,CAAA;AAG1B,OAAI,CAAC,MACH,sBAAqB,QAAQ;AAG/B,OAAI,CAAC,QAAQ,SAAS,QAAQ,MAAM,SAAS,QAAQ,MAAM,EAAE;AAC3D,YAAQ,QAAQ,QAAQ;AACxB,cAAU,QAAQ;AAClB,mBAAe;AACb,gBAAW,MAAM,YAAW;MAC7B;;AAEH,sBAAmB,KAAI;;EAGzB,MAAM,qBACJ,OACA,SACA,UACG;AACH,OAAI,cAAc,MAAM,IAAK;AAC7B,OAAI,MACF,SAAQ,SAAS,QAAQ,SAAS,UAAU,OACzC,KAAK,MAAM,MAAM,CAAA,CACjB,OAAO,MAAM,QAAQ,CAAA,CACrB,OAAO,MAAM,QAAQ,CAAA;AAG1B,OAAI,CAAC,MACH,sBAAqB,QAAQ;AAG/B,OAAI,QAAQ,SAAS,QAAQ,MAAM,SAAS,QAAQ,MAAM,CACxD,SAAQ,QAAQ,QAAQ;AAE1B,sBAAmB,KAAI;;EAGzB,MAAM,gBAAgB;AACpB,gBAAY;AACZ,QAAK,QAAO;;EAGd,MAAM,oBAAoB;GACxB,IAAI,eAAe;AACnB,OAAI,YAAY,YACd,gBAAe,WAAW,YAAY,aAAa;AAErD,YAAS,QAAQ,gBAAgB,MAAM,aAAa,EAAE;IACpD,MAAM,MAAM,KAAK;IACjB,MAAM;IACN,cAAc,MAAM;IACrB,CAAC,CAAC;AACH,aAAU,QAAQ,SAAS,MAAM,IAAI,GAAG,QAAO;AAC/C,WAAQ,QAAQ;AAChB,WAAQ,QAAQ;AAEhB,sBAAmB,KAAI;AACvB,QAAK,QAAQ,aAAY;;EAG3B,MAAM,kBAAkB,UAA2B;AACjD,UAAO,wBACL,OACA,OAAO,SAAS,IAChB,KAAK,OACL,gBACF;;EAEF,SAAS,UAAU,SAA4B,SAA4B;AACzE,OAAI,MAAM,gBAAgB,SAAS;IACjC,MAAM,cAAc,SAAS,MAAM,IAAI;IACvC,MAAM,eAAe,SAAS,OAAO,IAAI;IACzC,MAAM,cAAc,QAAQ,MAAK;IACjC,MAAM,eAAe,QAAQ,OAAM;AACnC,cAAU,QACR,gBAAgB,eAAe,iBAAiB,eAC5C,QAAQ,IAAI,GAAG,KAAI,GACnB;UACD;AACL,cAAU,QAAQ,SAAS,MAAM,IAAI,GAAG,KAAI;AAC5C,QAAI,QACF,WAAU,QAAQ,UAAU,MACzB,KAAK,QAAQ,MAAM,CAAA,CACnB,OAAO,QAAQ,QAAQ,CAAA,CACvB,OAAO,QAAQ,QAAQ,CAAA;;;AAKhC,OAAK,qBAAqB,CAAC,gBAAgB,aAAa,CAAA;AACxD,OAAK,qBAAqB,CAAC,kBAAkB,eAAe,CAAA;AAC5D,OAAK,qBAAqB,CAAC,eAAe,YAAY,CAAA;;uBAp7BpD,mBA6ZM,OAAA,EA5ZH,OAAK,eAAA;IAAU,MAAA,KAAI,CAAC,GAAC;IAAU,MAAA,MAAK,CAAC,GAAC;IAAU,MAAA,KAAI,CAAC,GAAE,UAAWA,KAAAA,OAAM;IAAS,MAAA,KAAI,CAAC,GAAE,YAAa,MAAA,kBAAiB,CAAA;;oBAAkCC,KAAAA,OAAO,WAAW,aAAA;iBAAkC,SAAA;qBAAkCC,KAAAA;;UAY/O,mBAuXM,OAAA,EAvXA,OAAK,eAAE,MAAA,KAAI,CAAC,EAAC,eAAA,CAAA;IACjB,WAAkD,KAAA,QAAA,WAAA,EAA5B,OAAK,eAAE,MAAA,KAAI,CAAC,EAAC,UAAA,CAAA;IACxB,aAAA,sBAAX,mBAWM,OAAA;;KAXoB,OAAK,eAAE,MAAA,KAAI,CAAC,EAAC,UAAA,CAAA;0BACrC,mBASS,UAAA,MAAA,WARmB,UAAA,QAAlB,UAAU,QAAG;yBADvB,mBASS,UAAA;MAPD;MACN,MAAK;MACJ,UAAU,MAAA,kBAAiB;MAC3B,OAAK,eAAE,MAAA,KAAI,CAAC,EAAC,WAAA,CAAA;MACb,UAAK,WAAE,MAAA,oBAAmB,CAAC,SAAQ;wBAEjC,SAAS,KAAI,EAAA,IAAA,WAAA;;IAGpB,mBAwWM,OAAA,EAxWA,OAAK,eAAE,MAAA,KAAI,CAAC,EAAC,OAAA,CAAA;KACN,SAAA,sBAAX,mBAkFM,OAAA;;MAlFgB,OAAK,eAAE,MAAA,MAAK,CAAC,EAAC,cAAA,CAAA;;MAClC,mBAsCO,QAAA,EAtCA,OAAK,eAAE,MAAA,MAAK,CAAC,EAAC,eAAA,CAAA,KACnB,mBAYO,QAAA,EAZA,OAAK,eAAE,MAAA,MAAK,CAAC,EAAC,mBAAA,CAAA,KACnB,YAUE,MAAA,QAAA,EAAA;OATA,MAAK;OACJ,UAAU,MAAA,WAAU,CAAC,aAAa,MAAA,kBAAiB;OACnD,aAAa,MAAA,EAAC,CAAA,0BAAA;OACd,OAAK,eAAE,MAAA,MAAK,CAAC,EAAC,SAAA,CAAA;OACd,eAAa,eAAA;OACb,kBAAgB;OAChB,UAAQ,CAAGC,KAAAA;OACX,SAAK,OAAA,OAAA,OAAA,MAAG,QAAQ,gBAAgB,KAAG,MAAA;OACnC,UAAM,OAAA,OAAA,OAAA,MAAG,QAAQ,iBAAiB,KAAG,MAAA;;;;;;;4CAG1C,mBAuBO,QAAA,EArBJ,OAAK,eAAE,MAAA,MAAK,CAAC,EAAC,mBAAA,CAAA,KAEf,YAWE,MAAA,QAAA,EAAA;OAVA,MAAK;OACJ,OAAK,eAAE,MAAA,MAAK,CAAC,EAAC,SAAA,CAAA;OACd,UAAU,MAAA,WAAU,CAAC,aAAa,MAAA,kBAAiB;OACnD,aAAa,MAAA,EAAC,CAAA,0BAAA;OACd,eAAa,eAAA;OACb,kBAAgB;OAChB,UAAQ,CAAGA,KAAAA;OACX,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,qBAAA,QAAoB;OAC3B,SAAK,OAAA,OAAA,OAAA,MAAG,QAAQ,gBAAgB,KAAG,MAAA;OACnC,UAAM,OAAA,OAAA,OAAA,MAAG,QAAQ,iBAAiB,KAAG,MAAA;;;;;;;UAExC,YAME,MAAA,wBAAA,EAAA;OALC,SAAS,qBAAA;OACT,QAAQ,WAAA;OACT,iBAAc;OACb,gBAAc,MAAA,QAAO,IAAI,SAAA;OACzB,QAAM;;;;;uCApBO,mBAAkB;MAwBtC,mBAEO,QAAA,MAAA,CADL,YAAkC,MAAA,OAAA,EAAA,MAAA;8BAAV,CAAf,YAAe,MAAA,WAAA,CAAA;;;MAE1B,mBAsCO,QAAA,EAtCA,OAAK,eAAA,CAAE,MAAA,MAAK,CAAC,EAAC,eAAA,EAAwB,WAAU,CAAA,KACrD,mBAYO,QAAA,EAZA,OAAK,eAAE,MAAA,MAAK,CAAC,EAAC,mBAAA,CAAA,KACnB,YAUE,MAAA,QAAA,EAAA;OATA,MAAK;OACJ,OAAK,eAAE,MAAA,MAAK,CAAC,EAAC,SAAA,CAAA;OACd,UAAU,MAAA,WAAU,CAAC,aAAa,MAAA,kBAAiB;OACnD,aAAa,MAAA,EAAC,CAAA,wBAAA;OACd,eAAa,eAAA;OACb,UAAQ,CAAG,MAAA,QAAO,IAAA,CAAKA,KAAAA;OACvB,kBAAgB;OAChB,SAAK,OAAA,OAAA,OAAA,MAAG,QAAQ,gBAAgB,KAAG,MAAA;OACnC,UAAM,OAAA,OAAA,OAAA,MAAG,QAAQ,iBAAiB,KAAG,MAAA;;;;;;;4CAG1C,mBAuBO,QAAA,EArBJ,OAAK,eAAE,MAAA,MAAK,CAAC,EAAC,mBAAA,CAAA,KAEf,YAWE,MAAA,QAAA,EAAA;OAVA,MAAK;OACJ,OAAK,eAAE,MAAA,MAAK,CAAC,EAAC,SAAA,CAAA;OACd,UAAU,MAAA,WAAU,CAAC,aAAa,MAAA,kBAAiB;OACnD,aAAa,MAAA,EAAC,CAAA,wBAAA;OACd,eAAa,eAAA;OACb,UAAQ,CAAG,MAAA,QAAO,IAAA,CAAKA,KAAAA;OACvB,kBAAgB;OAChB,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,MAAA,QAAO,KAAK,qBAAA,QAAoB;OACvC,SAAK,OAAA,OAAA,OAAA,MAAG,QAAQ,gBAAgB,KAAG,MAAA;OACnC,UAAM,OAAA,OAAA,OAAA,MAAG,QAAQ,iBAAiB,KAAG,MAAA;;;;;;;UAExC,YAME,MAAA,wBAAA,EAAA;OALA,iBAAc;OACb,SAAS,qBAAA;OACT,QAAQ,WAAA;OACR,gBAAc,MAAA,QAAO,IAAI,UAAA;OACzB,QAAM;;;;;uCApBO,mBAAkB;;KAyBxC,mBA0IM,OAAA,EAzIH,OAAK,eAAA;MAAgB,MAAA,KAAI,CAAC,EAAC,UAAA;MAAyB,MAAA,MAAK,CAAC,EAAC,UAAA;MAAyB,MAAA,MAAK,CAAC,GAAE,QAAA,CAAUD,KAAAA,YAAW;;MAMlH,mBA8FM,OAAA,EA9FA,OAAK,eAAE,MAAA,MAAK,CAAC,EAAC,SAAA,CAAA;OAClB,mBAaS,UAAA;QAZP,MAAK;QACJ,OAAK,eAAA,CAAE,MAAA,KAAI,CAAC,EAAC,WAAA,EAER,eAAc,CAAA;QADnB,cAAY,MAAA,EAAC,CAAA,yBAAA;QAEb,UAAU,MAAA,kBAAiB;QAC3B,SAAO;WAER,WAIO,KAAA,QAAA,aAAA,EAAA,QAAA,CAHL,YAEU,MAAA,OAAA,EAAA,MAAA;+BADQ,CAAhB,YAAgB,MAAA,WAAA,CAAA;;;sBAItB,mBAcS,UAAA;QAZP,MAAK;QACJ,OAAK,eAAA,CAAE,MAAA,KAAI,CAAC,EAAC,WAAA,EAER,aAAY,CAAA;QADjB,cAAY,MAAA,EAAC,CAAA,0BAAA;QAEb,UAAU,MAAA,kBAAiB;QAC3B,SAAO;WAER,WAIO,KAAA,QAAA,cAAA,EAAA,QAAA,CAHL,YAEU,MAAA,OAAA,EAAA,MAAA;+BADM,CAAd,YAAc,MAAA,UAAA,CAAA;;wCAVV,MAAA,gBAAe,KAAA,OAAA;OAejBE,KAAAA,gBAAgBF,KAAAA,4BADxB,mBAiBS,UAAA;;QAfP,MAAK;QACJ,UAAQ,CAAG,gBAAA,SAAmB,MAAA,kBAAiB;QAC/C,OAAK,eAAA,CAAA,CAAoB,MAAA,KAAI,CAAC,EAAC,WAAA,EAA8B,MAAA,KAAI,CAAC,GAAE,YAAA,CAAc,gBAAA,SAAmB,MAAA,kBAAiB,CAAA,GAKjH,gBAAe,CAAA;QADpB,cAAY,MAAA,EAAC,CAAA,yBAAA;QAEb,SAAO;WAER,WAIO,KAAA,QAAA,aAAA,EAAA,QAAA,CAHL,YAEU,MAAA,OAAA,EAAA,MAAA;+BADS,CAAjB,YAAiB,MAAA,YAAA,CAAA;;;OAKdE,KAAAA,gBAAgB,MAAA,gBAAe,KAAA,UAAgBF,KAAAA,4BADxD,mBAiBS,UAAA;;QAfP,MAAK;QACJ,UAAQ,CAAG,iBAAA,SAAoB,MAAA,kBAAiB;QAChD,OAAK,eAAA,CAAA,CAAoB,MAAA,KAAI,CAAC,EAAC,WAAA,EAA8B,MAAA,KAAI,CAAC,GAAE,YAAA,CAAc,iBAAA,SAAoB,MAAA,kBAAiB,CAAA,GAKlH,cAAa,CAAA;QADlB,cAAY,MAAA,EAAC,CAAA,0BAAA;QAEb,SAAO;WAER,WAIO,KAAA,QAAA,cAAA,EAAA,QAAA,CAHL,YAEU,MAAA,OAAA,EAAA,MAAA;+BADO,CAAf,YAAe,MAAA,WAAA,CAAA;;;OAIrB,mBA2BM,OAAA,MAAA,CA1BJ,mBAUO,QAAA;QATL,MAAK;QACJ,OAAK,eAAE,MAAA,MAAK,CAAC,EAAC,eAAA,CAAA;QACf,aAAU;QACT,UAAUG,KAAAA,WAAW,SAAS;QAC9B,iBAAeA,KAAAA;QACf,WAAO,OAAA,QAAA,OAAA,MAAA,UAAA,WAAQ,MAAA,eAAc,CAAA,OAAA,EAAA,CAAA,QAAA,CAAA;QAC7B,SAAK,OAAA,QAAA,OAAA,OAAA,WAAE,MAAA,eAAc,CAAA,OAAA;0BAEnB,MAAA,cAAa,CAAA,EAAA,IAAA,WAAA,iBAElB,mBAcO,QAAA;QAZL,MAAK;QACL,aAAU;QACT,UAAUA,KAAAA,WAAW,SAAS;QAC9B,iBAAeA,KAAAA;QACf,OAAK,eAAA,CAAsB,MAAA,MAAK,CAAC,EAAC,eAAA,YAA8C,MAAA,gBAAe,KAAA,SAAA;QAI/F,WAAO,OAAA,QAAA,OAAA,MAAA,UAAA,WAAQ,MAAA,eAAc,CAAA,QAAA,EAAA,CAAA,QAAA,CAAA;QAC7B,SAAK,OAAA,QAAA,OAAA,OAAA,WAAE,MAAA,eAAc,CAAA,QAAA;0BAEnB,MAAA,EAAC,CAAA,sBAAuB,SAAA,MAAS,OAAK,GAAA,IAAA,CAAA,EAAA,IAAA,WAAA,EAAA,SAZjC,MAAA,gBAAe,KAAA,OAAA;;MAiBrB,MAAA,gBAAe,KAAA,uBADvB,YAeE,0BAAA;;gBAbI;OAAJ,KAAI;OACJ,kBAAe;OACd,MAAM,SAAA;OACN,YAAU,MAAA,QAAO;OACjB,YAAU,MAAA,QAAO;OACjB,eAAa,MAAA,WAAU;OACvB,iBAAe,MAAA,aAAY;OAC3B,mBAAiB,MAAA,cAAa;OAC9B,oBAAkBC,KAAAA;OAClB,UAAU,MAAA,kBAAiB;OAC3B,eAAa,MAAA,kBAAiB;OAC9B,QAAM;OACN,UAAQ,MAAA,SAAQ;;;;;;;;;;;;;MAGX,MAAA,gBAAe,KAAA,uBADvB,YASE,0BAAA;;gBAPI;OAAJ,KAAI;OACJ,kBAAe;OACd,MAAM,SAAA;OACN,iBAAe,MAAA,aAAY;OAC3B,gBAAcC,KAAAA;OACd,UAAU,MAAA,kBAAiB;OAC3B,QAAM,MAAA,mBAAkB;;;;;;;;MAGnB,MAAA,gBAAe,KAAA,wBADvB,YASE,2BAAA;;gBAPI;OAAJ,KAAI;OACJ,kBAAe;OACd,MAAM,SAAA;OACN,gBAAcA,KAAAA;OACd,iBAAe,MAAA,aAAY;OAC3B,UAAU,MAAA,kBAAiB;OAC3B,QAAM,MAAA,oBAAmB;;;;;;;;;MAIrBL,KAAAA,4BADT,mBAwIM,OAAA;;MAtIH,OAAK,eAAA,CAAA,CAAG,MAAA,KAAI,CAAC,EAAC,UAAA,EAAa,MAAA,MAAK,CAAC,EAAC,UAAA,CAAA,EAC7B,WAAU,CAAA;;MAEhB,mBA8FM,OAAA,EA9FA,OAAK,eAAE,MAAA,MAAK,CAAC,EAAC,SAAA,CAAA;OAEVE,KAAAA,6BADR,mBAiBS,UAAA;;QAfP,MAAK;QACJ,UAAQ,CAAG,gBAAA,SAAmB,MAAA,kBAAiB;QAC/C,OAAK,eAAA,CAAA,CAAoB,MAAA,KAAI,CAAC,EAAC,WAAA,EAA8B,MAAA,KAAI,CAAC,GAAE,YAAA,CAAc,gBAAA,SAAmB,MAAA,kBAAiB,CAAA,GAKjH,eAAc,CAAA;QADnB,cAAY,MAAA,EAAC,CAAA,yBAAA;QAEb,SAAO;WAER,WAIO,KAAA,QAAA,aAAA,EAAA,QAAA,CAHL,YAEU,MAAA,OAAA,EAAA,MAAA;+BADQ,CAAhB,YAAgB,MAAA,WAAA,CAAA;;;OAKdA,KAAAA,gBAAgB,MAAA,iBAAgB,KAAA,uBADxC,mBAiBS,UAAA;;QAfP,MAAK;QACJ,UAAQ,CAAG,iBAAA,SAAoB,MAAA,kBAAiB;QAChD,OAAK,eAAA,CAAA,CAAoB,MAAA,KAAI,CAAC,EAAC,WAAA,EAA8B,MAAA,KAAI,CAAC,GAAE,YAAA,CAAc,iBAAA,SAAoB,MAAA,kBAAiB,CAAA,GAKlH,aAAY,CAAA;QADjB,cAAY,MAAA,EAAC,CAAA,0BAAA;QAEb,SAAO;WAER,WAIO,KAAA,QAAA,cAAA,EAAA,QAAA,CAHL,YAEU,MAAA,OAAA,EAAA,MAAA;+BADM,CAAd,YAAc,MAAA,UAAA,CAAA;;;OAIpB,mBAaS,UAAA;QAZP,MAAK;QACJ,cAAY,MAAA,EAAC,CAAA,yBAAA;QACb,OAAK,eAAA,CAAE,MAAA,KAAI,CAAC,EAAC,WAAA,EAER,gBAAe,CAAA;QADpB,UAAU,MAAA,kBAAiB;QAE3B,SAAO;WAER,WAIO,KAAA,QAAA,aAAA,EAAA,QAAA,CAHL,YAEU,MAAA,OAAA,EAAA,MAAA;+BADS,CAAjB,YAAiB,MAAA,YAAA,CAAA;;;sBAIvB,mBAcS,UAAA;QAZP,MAAK;QACJ,OAAK,eAAA,CAAE,MAAA,KAAI,CAAC,EAAC,WAAA,EAGR,cAAa,CAAA;QAFlB,UAAU,MAAA,kBAAiB;QAC3B,cAAY,MAAA,EAAC,CAAA,0BAAA;QAEb,SAAO;WAER,WAIO,KAAA,QAAA,cAAA,EAAA,QAAA,CAHL,YAEU,MAAA,OAAA,EAAA,MAAA;+BADO,CAAf,YAAe,MAAA,WAAA,CAAA;;yCAVX,MAAA,iBAAgB,KAAA,OAAA;OAc1B,mBA2BM,OAAA,MAAA,CA1BJ,mBAUO,QAAA;QATL,MAAK;QACJ,OAAK,eAAE,MAAA,MAAK,CAAC,EAAC,eAAA,CAAA;QACf,aAAU;QACT,UAAUC,KAAAA,WAAW,SAAS;QAC9B,iBAAeA,KAAAA;QACf,WAAO,OAAA,QAAA,OAAA,MAAA,UAAA,WAAQ,MAAA,gBAAe,CAAA,OAAA,EAAA,CAAA,QAAA,CAAA;QAC9B,SAAK,OAAA,QAAA,OAAA,OAAA,WAAE,MAAA,gBAAe,CAAA,OAAA;0BAEpB,MAAA,eAAc,CAAA,EAAA,IAAA,YAAA,iBAEnB,mBAcO,QAAA;QAZL,MAAK;QACL,aAAU;QACT,UAAUA,KAAAA,WAAW,SAAS;QAC9B,iBAAeA,KAAAA;QACf,OAAK,eAAA,CAAsB,MAAA,MAAK,CAAC,EAAC,eAAA,YAA8C,MAAA,iBAAgB,KAAA,SAAA;QAIhG,WAAO,OAAA,QAAA,OAAA,MAAA,UAAA,WAAQ,MAAA,gBAAe,CAAA,QAAA,EAAA,CAAA,QAAA,CAAA;QAC9B,SAAK,OAAA,QAAA,OAAA,OAAA,WAAE,MAAA,gBAAe,CAAA,QAAA;0BAEpB,MAAA,EAAC,CAAA,sBAAuB,UAAA,MAAU,OAAK,GAAA,IAAA,CAAA,EAAA,IAAA,YAAA,EAAA,SAZlC,MAAA,iBAAgB,KAAA,OAAA;;MAiBtB,MAAA,iBAAgB,KAAA,uBADxB,YAeE,0BAAA;;gBAbI;OAAJ,KAAI;OACJ,kBAAe;OACd,MAAM,UAAA;OACN,YAAU,MAAA,QAAO;OACjB,YAAU,MAAA,QAAO;OACjB,eAAa,MAAA,WAAU;OACvB,iBAAe,MAAA,aAAY;OAC3B,mBAAiB,MAAA,cAAa;OAC9B,oBAAkBC,KAAAA;OAClB,UAAU,MAAA,kBAAiB;OAC3B,eAAa,MAAA,kBAAiB;OAC9B,QAAM;OACN,UAAQ,MAAA,SAAQ;;;;;;;;;;;;;MAGX,MAAA,iBAAgB,KAAA,uBADxB,YASE,0BAAA;;gBAPI;OAAJ,KAAI;OACJ,kBAAe;OACd,MAAM,UAAA;OACN,iBAAe,MAAA,aAAY;OAC3B,gBAAcC,KAAAA;OACd,UAAU,MAAA,kBAAiB;OAC3B,QAAM,MAAA,oBAAmB;;;;;;;;MAGpB,MAAA,iBAAgB,KAAA,wBADxB,YASE,2BAAA;;gBAPI;OAAJ,KAAI;OACJ,kBAAe;OACd,MAAM,UAAA;OACN,gBAAcA,KAAAA;OACd,iBAAe,MAAA,aAAY;OAC3B,UAAU,MAAA,kBAAiB;OAC3B,QAAM,MAAA,qBAAoB;;;;;;;;;;UAM3BC,KAAAA,cAAc,SAAA,UAAaC,KAAAA,eAAe,MAAA,UAAS,kBAD3D,mBAuBM,OAAA;;IArBH,OAAK,eAAE,MAAA,KAAI,CAAC,EAAC,SAAA,CAAA;OAGN,MAAA,UAAS,iBADjB,YAQY,MAAA,SAAA,EAAA;;IANV,MAAA;IACA,MAAK;IACJ,OAAK,eAAE,MAAA,KAAI,CAAC,EAAC,WAAA,CAAA;IACb,SAAO;;2BAEsB,iCAA3B,MAAA,EAAC,CAAA,sBAAA,CAAA,EAAA,EAAA;;yDAGEA,KAAAA,4BADR,YASY,MAAA,SAAA,EAAA;;IAPV,OAAA;IACA,MAAK;IACJ,OAAK,eAAE,MAAA,KAAI,CAAC,EAAC,WAAA,CAAA;IACb,UAAU,YAAA;IACV,SAAK,OAAA,QAAA,OAAA,OAAA,WAAE,MAAA,mBAAkB,CAAA,MAAA;;2BAEM,iCAA7B,MAAA,EAAC,CAAA,wBAAA,CAAA,EAAA,EAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"panel-month-range.mjs","names":[],"sources":["../../../../../../../packages/components/date-picker-panel/src/date-picker-com/panel-month-range.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      ppNs.b(),\n      drpNs.b(),\n      ppNs.is('border', border),\n      ppNs.is('disabled', monthRangeDisabled),\n      {\n        'has-sidebar': Boolean($slots.sidebar) || hasShortcuts,\n      },\n    ]\"\n  >\n    <div :class=\"ppNs.e('body-wrapper')\">\n      <slot name=\"sidebar\" :class=\"ppNs.e('sidebar')\" />\n      <div v-if=\"hasShortcuts\" :class=\"ppNs.e('sidebar')\">\n        <button\n          v-for=\"(shortcut, key) in shortcuts\"\n          :key=\"key\"\n          type=\"button\"\n          :class=\"ppNs.e('shortcut')\"\n          :disabled=\"monthRangeDisabled\"\n          @click=\"handleShortcutClick(shortcut)\"\n        >\n          {{ shortcut.text }}\n        </button>\n      </div>\n      <div :class=\"ppNs.e('body')\">\n        <div :class=\"[ppNs.e('content'), drpNs.e('content')]\" class=\"is-left\">\n          <div :class=\"drpNs.e('header')\">\n            <button\n              type=\"button\"\n              :class=\"ppNs.e('icon-btn')\"\n              class=\"d-arrow-left\"\n              :disabled=\"monthRangeDisabled\"\n              @click=\"leftPrevYear\"\n            >\n              <slot name=\"prev-year\">\n                <el-icon><d-arrow-left /></el-icon>\n              </slot>\n            </button>\n            <button\n              v-if=\"unlinkPanels\"\n              type=\"button\"\n              :disabled=\"!enableYearArrow || monthRangeDisabled\"\n              :class=\"[\n                ppNs.e('icon-btn'),\n                ppNs.is('disabled', !enableYearArrow || monthRangeDisabled),\n              ]\"\n              class=\"d-arrow-right\"\n              @click=\"leftNextYear\"\n            >\n              <slot name=\"next-year\">\n                <el-icon><d-arrow-right /></el-icon>\n              </slot>\n            </button>\n            <div>{{ leftLabel }}</div>\n          </div>\n          <month-table\n            selection-mode=\"range\"\n            :date=\"leftDate\"\n            :min-date=\"minDate\"\n            :max-date=\"maxDate\"\n            :range-state=\"rangeState\"\n            :disabled-date=\"disabledDate\"\n            :disabled=\"monthRangeDisabled\"\n            :cell-class-name=\"cellClassName\"\n            @changerange=\"handleChangeRange\"\n            @pick=\"handleRangePick\"\n            @select=\"onSelect\"\n          />\n        </div>\n        <div :class=\"[ppNs.e('content'), drpNs.e('content')]\" class=\"is-right\">\n          <div :class=\"drpNs.e('header')\">\n            <button\n              v-if=\"unlinkPanels\"\n              type=\"button\"\n              :disabled=\"!enableYearArrow || monthRangeDisabled\"\n              :class=\"[\n                ppNs.e('icon-btn'),\n                ppNs.is('disabled', !enableYearArrow || monthRangeDisabled),\n              ]\"\n              class=\"d-arrow-left\"\n              @click=\"rightPrevYear\"\n            >\n              <slot name=\"prev-year\">\n                <el-icon><d-arrow-left /></el-icon>\n              </slot>\n            </button>\n            <button\n              type=\"button\"\n              :class=\"ppNs.e('icon-btn')\"\n              class=\"d-arrow-right\"\n              :disabled=\"monthRangeDisabled\"\n              @click=\"rightNextYear\"\n            >\n              <slot name=\"next-year\">\n                <el-icon><d-arrow-right /></el-icon>\n              </slot>\n            </button>\n            <div>{{ rightLabel }}</div>\n          </div>\n          <month-table\n            selection-mode=\"range\"\n            :date=\"rightDate\"\n            :min-date=\"minDate\"\n            :max-date=\"maxDate\"\n            :range-state=\"rangeState\"\n            :disabled-date=\"disabledDate\"\n            :disabled=\"monthRangeDisabled\"\n            :cell-class-name=\"cellClassName\"\n            @changerange=\"handleChangeRange\"\n            @pick=\"handleRangePick\"\n            @select=\"onSelect\"\n          />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, ref, toRef, unref, watch } from 'vue'\nimport dayjs from 'dayjs'\nimport ElIcon from '@element-plus/components/icon'\nimport { useLocale } from '@element-plus/hooks'\nimport { DArrowLeft, DArrowRight } from '@element-plus/icons-vue'\nimport { PICKER_BASE_INJECTION_KEY } from '@element-plus/components/time-picker'\nimport {\n  correctlyParseUserInput,\n  getDefaultValue,\n  isValidRange,\n} from '../utils'\nimport {\n  panelMonthRangeEmits,\n  panelMonthRangeProps,\n} from '../props/panel-month-range'\nimport { useMonthRangeHeader } from '../composables/use-month-range-header'\nimport { useRangePicker } from '../composables/use-range-picker'\nimport { ROOT_PICKER_IS_DEFAULT_FORMAT_INJECTION_KEY } from '../constants'\nimport MonthTable from './basic-month-table.vue'\nimport { useFormDisabled } from '@element-plus/components/form'\n\nimport type { Dayjs } from 'dayjs'\n\ndefineOptions({\n  name: 'DatePickerMonthRange',\n})\n\nconst props = defineProps(panelMonthRangeProps)\nconst emit = defineEmits(panelMonthRangeEmits)\nconst unit = 'year'\n\nconst { lang } = useLocale()\nconst pickerBase = inject(PICKER_BASE_INJECTION_KEY) as any\nconst isDefaultFormat = inject(\n  ROOT_PICKER_IS_DEFAULT_FORMAT_INJECTION_KEY,\n  undefined\n) as any\nconst { shortcuts, disabledDate, cellClassName } = pickerBase.props\nconst format = toRef(pickerBase.props, 'format')\nconst defaultValue = toRef(pickerBase.props, 'defaultValue')\nconst leftDate = ref(dayjs().locale(lang.value))\nconst rightDate = ref(dayjs().locale(lang.value).add(1, unit))\n\nconst {\n  minDate,\n  maxDate,\n  rangeState,\n  ppNs,\n  drpNs,\n\n  handleChangeRange,\n  handleRangeConfirm,\n  handleShortcutClick,\n  onSelect,\n  parseValue,\n} = useRangePicker(props, {\n  defaultValue,\n  leftDate,\n  rightDate,\n  unit,\n  sortDates,\n})\n\nconst hasShortcuts = computed(() => !!shortcuts.length)\n\nconst {\n  leftPrevYear,\n  rightNextYear,\n  leftNextYear,\n  rightPrevYear,\n  leftLabel,\n  rightLabel,\n  leftYear,\n  rightYear,\n} = useMonthRangeHeader({\n  unlinkPanels: toRef(props, 'unlinkPanels'),\n  leftDate,\n  rightDate,\n})\n\nconst enableYearArrow = computed(() => {\n  return props.unlinkPanels && rightYear.value > leftYear.value + 1\n})\n\ntype RangePickValue = {\n  minDate: Dayjs\n  maxDate: Dayjs\n}\n\nconst handleRangePick = (val: RangePickValue, close = true) => {\n  // const defaultTime = props.defaultTime || []\n  // const minDate_ = modifyWithTimeString(val.minDate, defaultTime[0])\n  // const maxDate_ = modifyWithTimeString(val.maxDate, defaultTime[1])\n  // todo\n  const minDate_ = val.minDate\n  const maxDate_ = val.maxDate\n  if (maxDate.value === maxDate_ && minDate.value === minDate_) {\n    return\n  }\n  emit('calendar-change', [minDate_.toDate(), maxDate_ && maxDate_.toDate()])\n  maxDate.value = maxDate_\n  minDate.value = minDate_\n\n  if (!close) return\n  handleRangeConfirm()\n}\n\nconst handleClear = () => {\n  let valueOnClear = null\n  if (pickerBase?.emptyValues) {\n    valueOnClear = pickerBase.emptyValues.valueOnClear.value\n  }\n  leftDate.value = getDefaultValue(unref(defaultValue), {\n    lang: unref(lang),\n    unit: 'year',\n    unlinkPanels: props.unlinkPanels,\n  })[0]\n  rightDate.value = leftDate.value.add(1, 'year')\n  emit('pick', valueOnClear)\n}\n\nconst parseUserInput = (value: Dayjs | Dayjs[]) => {\n  return correctlyParseUserInput(\n    value,\n    format.value,\n    lang.value,\n    isDefaultFormat\n  )\n}\n\nfunction sortDates(minDate: Dayjs | undefined, maxDate: Dayjs | undefined) {\n  if (props.unlinkPanels && maxDate) {\n    const minDateYear = minDate?.year() || 0\n    const maxDateYear = maxDate.year()\n    rightDate.value =\n      minDateYear === maxDateYear ? maxDate.add(1, unit) : maxDate\n  } else {\n    rightDate.value = leftDate.value.add(1, unit)\n  }\n}\n\nconst monthRangeDisabled = useFormDisabled()\n\nwatch(\n  () => props.visible,\n  (visible) => {\n    if (!visible && rangeState.value.selecting) {\n      parseValue(props.parsedValue)\n      onSelect(false)\n    }\n  }\n)\n\nemit('set-picker-option', ['isValidValue', isValidRange])\nemit('set-picker-option', ['parseUserInput', parseUserInput])\nemit('set-picker-option', ['handleClear', handleClear])\n</script>\n"],"mappings":""}
+{"version":3,"file":"panel-month-range.mjs","names":[],"sources":["../../../../../../../packages/components/date-picker-panel/src/date-picker-com/panel-month-range.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      ppNs.b(),\n      drpNs.b(),\n      ppNs.is('border', border),\n      ppNs.is('disabled', monthRangeDisabled),\n      {\n        'has-sidebar': Boolean($slots.sidebar) || hasShortcuts,\n        'single-panel': singlePanel,\n      },\n    ]\"\n  >\n    <div :class=\"ppNs.e('body-wrapper')\">\n      <slot name=\"sidebar\" :class=\"ppNs.e('sidebar')\" />\n      <div v-if=\"hasShortcuts\" :class=\"ppNs.e('sidebar')\">\n        <button\n          v-for=\"(shortcut, key) in shortcuts\"\n          :key=\"key\"\n          type=\"button\"\n          :class=\"ppNs.e('shortcut')\"\n          :disabled=\"monthRangeDisabled\"\n          @click=\"handleShortcutClick(shortcut)\"\n        >\n          {{ shortcut.text }}\n        </button>\n      </div>\n      <div :class=\"ppNs.e('body')\">\n        <div\n          :class=\"[\n            ppNs.e('content'),\n            drpNs.e('content'),\n            drpNs.is('left', !singlePanel),\n          ]\"\n        >\n          <div :class=\"drpNs.e('header')\">\n            <button\n              type=\"button\"\n              :class=\"ppNs.e('icon-btn')\"\n              class=\"d-arrow-left\"\n              :disabled=\"monthRangeDisabled\"\n              @click=\"leftPrevYear\"\n            >\n              <slot name=\"prev-year\">\n                <el-icon><d-arrow-left /></el-icon>\n              </slot>\n            </button>\n            <button\n              v-if=\"unlinkPanels || singlePanel\"\n              type=\"button\"\n              :disabled=\"!enableYearArrow || monthRangeDisabled\"\n              :class=\"[\n                ppNs.e('icon-btn'),\n                ppNs.is('disabled', !enableYearArrow || monthRangeDisabled),\n              ]\"\n              class=\"d-arrow-right\"\n              @click=\"leftNextYear\"\n            >\n              <slot name=\"next-year\">\n                <el-icon><d-arrow-right /></el-icon>\n              </slot>\n            </button>\n            <div>{{ leftLabel }}</div>\n          </div>\n          <month-table\n            selection-mode=\"range\"\n            :date=\"leftDate\"\n            :min-date=\"minDate\"\n            :max-date=\"maxDate\"\n            :range-state=\"rangeState\"\n            :disabled-date=\"disabledDate\"\n            :disabled=\"monthRangeDisabled\"\n            :cell-class-name=\"cellClassName\"\n            @changerange=\"handleChangeRange\"\n            @pick=\"handleRangePick\"\n            @select=\"onSelect\"\n          />\n        </div>\n        <div\n          v-if=\"!singlePanel\"\n          :class=\"[ppNs.e('content'), drpNs.e('content')]\"\n          class=\"is-right\"\n        >\n          <div :class=\"drpNs.e('header')\">\n            <button\n              v-if=\"unlinkPanels\"\n              type=\"button\"\n              :disabled=\"!enableYearArrow || monthRangeDisabled\"\n              :class=\"[\n                ppNs.e('icon-btn'),\n                ppNs.is('disabled', !enableYearArrow || monthRangeDisabled),\n              ]\"\n              class=\"d-arrow-left\"\n              @click=\"rightPrevYear\"\n            >\n              <slot name=\"prev-year\">\n                <el-icon><d-arrow-left /></el-icon>\n              </slot>\n            </button>\n            <button\n              type=\"button\"\n              :class=\"ppNs.e('icon-btn')\"\n              class=\"d-arrow-right\"\n              :disabled=\"monthRangeDisabled\"\n              @click=\"rightNextYear\"\n            >\n              <slot name=\"next-year\">\n                <el-icon><d-arrow-right /></el-icon>\n              </slot>\n            </button>\n            <div>{{ rightLabel }}</div>\n          </div>\n          <month-table\n            selection-mode=\"range\"\n            :date=\"rightDate\"\n            :min-date=\"minDate\"\n            :max-date=\"maxDate\"\n            :range-state=\"rangeState\"\n            :disabled-date=\"disabledDate\"\n            :disabled=\"monthRangeDisabled\"\n            :cell-class-name=\"cellClassName\"\n            @changerange=\"handleChangeRange\"\n            @pick=\"handleRangePick\"\n            @select=\"onSelect\"\n          />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, ref, toRef, unref, watch } from 'vue'\nimport dayjs from 'dayjs'\nimport ElIcon from '@element-plus/components/icon'\nimport { useLocale } from '@element-plus/hooks'\nimport { DArrowLeft, DArrowRight } from '@element-plus/icons-vue'\nimport { PICKER_BASE_INJECTION_KEY } from '@element-plus/components/time-picker'\nimport {\n  correctlyParseUserInput,\n  getDefaultValue,\n  isValidRange,\n} from '../utils'\nimport {\n  panelMonthRangeEmits,\n  panelMonthRangeProps,\n} from '../props/panel-month-range'\nimport { useMonthRangeHeader } from '../composables/use-month-range-header'\nimport { useRangePicker } from '../composables/use-range-picker'\nimport { ROOT_PICKER_IS_DEFAULT_FORMAT_INJECTION_KEY } from '../constants'\nimport MonthTable from './basic-month-table.vue'\nimport { useFormDisabled } from '@element-plus/components/form'\n\nimport type { Dayjs } from 'dayjs'\n\ndefineOptions({\n  name: 'DatePickerMonthRange',\n})\n\nconst props = defineProps(panelMonthRangeProps)\nconst emit = defineEmits(panelMonthRangeEmits)\nconst unit = 'year'\n\nconst { lang } = useLocale()\nconst pickerBase = inject(PICKER_BASE_INJECTION_KEY) as any\nconst isDefaultFormat = inject(\n  ROOT_PICKER_IS_DEFAULT_FORMAT_INJECTION_KEY,\n  undefined\n) as any\nconst { shortcuts, disabledDate, cellClassName } = pickerBase.props\nconst format = toRef(pickerBase.props, 'format')\nconst defaultValue = toRef(pickerBase.props, 'defaultValue')\nconst leftDate = ref(dayjs().locale(lang.value))\nconst rightDate = ref(dayjs().locale(lang.value).add(1, unit))\n\nconst {\n  minDate,\n  maxDate,\n  rangeState,\n  ppNs,\n  drpNs,\n\n  handleChangeRange,\n  handleRangeConfirm,\n  handleShortcutClick,\n  onSelect,\n  parseValue,\n} = useRangePicker(props, {\n  defaultValue,\n  leftDate,\n  rightDate,\n  unit,\n  sortDates,\n})\n\nconst hasShortcuts = computed(() => !!shortcuts.length)\n\nconst {\n  leftPrevYear,\n  rightNextYear,\n  leftNextYear,\n  rightPrevYear,\n  leftLabel,\n  rightLabel,\n  leftYear,\n  rightYear,\n} = useMonthRangeHeader({\n  unlinkPanels: toRef(props, 'unlinkPanels'),\n  leftDate,\n  rightDate,\n})\n\nconst enableYearArrow = computed(() => {\n  return (\n    props.singlePanel ||\n    (props.unlinkPanels && rightYear.value > leftYear.value + 1)\n  )\n})\n\ntype RangePickValue = {\n  minDate: Dayjs\n  maxDate: Dayjs\n}\n\nconst handleRangePick = (val: RangePickValue, close = true) => {\n  // const defaultTime = props.defaultTime || []\n  // const minDate_ = modifyWithTimeString(val.minDate, defaultTime[0])\n  // const maxDate_ = modifyWithTimeString(val.maxDate, defaultTime[1])\n  // todo\n  const minDate_ = val.minDate\n  const maxDate_ = val.maxDate\n  if (maxDate.value === maxDate_ && minDate.value === minDate_) {\n    return\n  }\n  emit('calendar-change', [minDate_.toDate(), maxDate_ && maxDate_.toDate()])\n  maxDate.value = maxDate_\n  minDate.value = minDate_\n\n  if (!close) return\n  handleRangeConfirm()\n}\n\nconst handleClear = () => {\n  let valueOnClear = null\n  if (pickerBase?.emptyValues) {\n    valueOnClear = pickerBase.emptyValues.valueOnClear.value\n  }\n  leftDate.value = getDefaultValue(unref(defaultValue), {\n    lang: unref(lang),\n    unit: 'year',\n    unlinkPanels: props.unlinkPanels,\n  })[0]\n  rightDate.value = leftDate.value.add(1, 'year')\n  emit('pick', valueOnClear)\n}\n\nconst parseUserInput = (value: Dayjs | Dayjs[]) => {\n  return correctlyParseUserInput(\n    value,\n    format.value,\n    lang.value,\n    isDefaultFormat\n  )\n}\n\nfunction sortDates(minDate: Dayjs | undefined, maxDate: Dayjs | undefined) {\n  if (props.unlinkPanels && maxDate) {\n    const minDateYear = minDate?.year() || 0\n    const maxDateYear = maxDate.year()\n    rightDate.value =\n      minDateYear === maxDateYear ? maxDate.add(1, unit) : maxDate\n  } else {\n    rightDate.value = leftDate.value.add(1, unit)\n  }\n}\n\nconst monthRangeDisabled = useFormDisabled()\n\nwatch(\n  () => props.visible,\n  (visible) => {\n    if (!visible && rangeState.value.selecting) {\n      parseValue(props.parsedValue)\n      onSelect(false)\n    }\n  }\n)\n\nemit('set-picker-option', ['isValidValue', isValidRange])\nemit('set-picker-option', ['parseUserInput', parseUserInput])\nemit('set-picker-option', ['handleClear', handleClear])\n</script>\n"],"mappings":""}

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

@@ -49,7 +49,7 @@ var panel_month_range_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 			rightDate
 		});
 		const enableYearArrow = computed(() => {
-			return props.unlinkPanels && rightYear.value > leftYear.value + 1;
+			return props.singlePanel || props.unlinkPanels && rightYear.value > leftYear.value + 1;
 		});
 		const handleRangePick = (val, close = true) => {
 			const minDate_ = val.minDate;
@@ -95,7 +95,10 @@ var panel_month_range_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 				unref(drpNs).b(),
 				unref(ppNs).is("border", _ctx.border),
 				unref(ppNs).is("disabled", unref(monthRangeDisabled)),
-				{ "has-sidebar": Boolean(_ctx.$slots.sidebar) || hasShortcuts.value }
+				{
+					"has-sidebar": Boolean(_ctx.$slots.sidebar) || hasShortcuts.value,
+					"single-panel": _ctx.singlePanel
+				}
 			]) }, [createElementVNode("div", { class: normalizeClass(unref(ppNs).e("body-wrapper")) }, [
 				renderSlot(_ctx.$slots, "sidebar", { class: normalizeClass(unref(ppNs).e("sidebar")) }),
 				hasShortcuts.value ? (openBlock(), createElementBlock("div", {
@@ -110,7 +113,11 @@ var panel_month_range_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 						onClick: ($event) => unref(handleShortcutClick)(shortcut)
 					}, toDisplayString(shortcut.text), 11, _hoisted_1);
 				}), 128))], 2)) : createCommentVNode("v-if", true),
-				createElementVNode("div", { class: normalizeClass(unref(ppNs).e("body")) }, [createElementVNode("div", { class: normalizeClass([[unref(ppNs).e("content"), unref(drpNs).e("content")], "is-left"]) }, [createElementVNode("div", { class: normalizeClass(unref(drpNs).e("header")) }, [
+				createElementVNode("div", { class: normalizeClass(unref(ppNs).e("body")) }, [createElementVNode("div", { class: normalizeClass([
+					unref(ppNs).e("content"),
+					unref(drpNs).e("content"),
+					unref(drpNs).is("left", !_ctx.singlePanel)
+				]) }, [createElementVNode("div", { class: normalizeClass(unref(drpNs).e("header")) }, [
 					createElementVNode("button", {
 						type: "button",
 						class: normalizeClass([unref(ppNs).e("icon-btn"), "d-arrow-left"]),
@@ -120,7 +127,7 @@ var panel_month_range_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 						default: withCtx(() => [createVNode(unref(DArrowLeft))]),
 						_: 1
 					})])], 10, _hoisted_2),
-					_ctx.unlinkPanels ? (openBlock(), createElementBlock("button", {
+					_ctx.unlinkPanels || _ctx.singlePanel ? (openBlock(), createElementBlock("button", {
 						key: 0,
 						type: "button",
 						disabled: !enableYearArrow.value || unref(monthRangeDisabled),
@@ -153,7 +160,10 @@ var panel_month_range_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 					"cell-class-name",
 					"onChangerange",
 					"onSelect"
-				])], 2), createElementVNode("div", { class: normalizeClass([[unref(ppNs).e("content"), unref(drpNs).e("content")], "is-right"]) }, [createElementVNode("div", { class: normalizeClass(unref(drpNs).e("header")) }, [
+				])], 2), !_ctx.singlePanel ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					class: normalizeClass([[unref(ppNs).e("content"), unref(drpNs).e("content")], "is-right"])
+				}, [createElementVNode("div", { class: normalizeClass(unref(drpNs).e("header")) }, [
 					_ctx.unlinkPanels ? (openBlock(), createElementBlock("button", {
 						key: 0,
 						type: "button",
@@ -196,7 +206,7 @@ var panel_month_range_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 					"cell-class-name",
 					"onChangerange",
 					"onSelect"
-				])], 2)], 2)
+				])], 2)) : createCommentVNode("v-if", true)], 2)
 			], 2)], 2);
 		};
 	}