diff --git a/packages/opendesign/package.json b/packages/opendesign/package.json
index e9fffa08139d4cdec5ef50ba50f81c76b9934f15..7002ee4e5b5aab4f6639d957c6ef5b98c00f8965 100644
--- a/packages/opendesign/package.json
+++ b/packages/opendesign/package.json
@@ -33,8 +33,5 @@
     "@opensig/open-scripts": "workspace:^",
     "typescript": "catalog:typescript",
     "vue-tsc": "catalog:build"
-  },
-  "dependencies": {
-    "date-fns": "catalog:date"
   }
 }
diff --git a/packages/opendesign/src/_utils/date.ts b/packages/opendesign/src/_utils/date.ts
deleted file mode 100644
index 82814adc8ddf24aa9d4641790251b3b551f87d80..0000000000000000000000000000000000000000
--- a/packages/opendesign/src/_utils/date.ts
+++ /dev/null
@@ -1,51 +0,0 @@
-import { startOfMonth, addYears, subYears, addMonths, subMonths, format as formatDate, parse as parseDate } from 'date-fns';
-
-export const WEEK_DAYS = 7;
-export const MINUTE_TIME = 60 * 1000;
-export const HOUR_TIME = 60 * MINUTE_TIME;
-export const DAY_TIME = 24 * HOUR_TIME;
-export const WEEK_TIME = WEEK_DAYS * DAY_TIME;
-
-/**
- * 根据传入日期获取连续几周的日期
- * @param date 传入日期
- * @param length 周数量
- * @param param {
- *  weekStartsOn: 0|1|2|3|4|5|6  0代表星期日
- * }
- */
-export function getWeeksByDate<T = Date>(
-  date: Date,
-  length: number = 1,
-  {
-    weekStartsOn = 0,
-    parse = (d: Date) => d as T,
-  }: {
-    weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
-    parse?: (d: Date) => T;
-  } = {}
-): Array<T> {
-  const time = date.getTime();
-  const day = date.getDay();
-
-  const weeks: Array<T> = [];
-  const dis = (weekStartsOn % WEEK_DAYS) - day;
-  const first = time + DAY_TIME * dis;
-
-  for (let i = 0; i < WEEK_DAYS * length; i++) {
-    if (i === dis) {
-      weeks.push(parse(date));
-    } else {
-      const d = new Date(first + DAY_TIME * i);
-      weeks.push(parse(d));
-    }
-  }
-
-  return weeks;
-}
-
-export { startOfMonth, addYears, subYears, addMonths, subMonths, formatDate, parseDate };
-
-export function isSameDate(date1: Date, date2: Date): boolean {
-  return date1.getTime() === date2.getTime();
-}
diff --git a/packages/opendesign/src/date-picker/OCalendar.vue b/packages/opendesign/src/date-picker/OCalendar.vue
deleted file mode 100644
index 41b67cf3c4598cd26dc2c8674c5a09f07d28b002..0000000000000000000000000000000000000000
--- a/packages/opendesign/src/date-picker/OCalendar.vue
+++ /dev/null
@@ -1,17 +0,0 @@
-<script setup lang="ts">
-const props = withDefaults(
-  defineProps<{
-    modelValue?: Date;
-  }>(),
-  {
-    modelValue: undefined,
-  }
-);
-
-const emits = defineEmits<{
-  (e: 'update:modelValue', value: Date): void;
-}>();
-</script>
-<template>
-  <div class="o-calendar"></div>
-</template>
diff --git a/packages/opendesign/src/date-picker/ODatePicker.vue b/packages/opendesign/src/date-picker/ODatePicker.vue
deleted file mode 100644
index 0401c79ee6d91741b591143acfe3ce39810e897c..0000000000000000000000000000000000000000
--- a/packages/opendesign/src/date-picker/ODatePicker.vue
+++ /dev/null
@@ -1,256 +0,0 @@
-<script setup lang="ts">
-import { ref, computed, watchEffect, watch } from 'vue';
-import { datePickerProps, TimeValueT } from './types';
-import { InnerFrame } from '../_components/inner-frame';
-import { InnerInput } from '../_components/inner-input';
-import { InInput } from '../_components/in-input';
-import { InnerPanel } from '../_components/inner-panel';
-import { IconCalendar } from '../_utils/icons';
-import PickerPane from './PickerPane.vue';
-import { isArray, isFunction, isValidDate } from '../_utils/is';
-import { getRealDateValue, normalizeDateValue, DefaultFormatString } from './date';
-import { formatDate, parseDate } from '../_utils/date';
-
-const props = defineProps(datePickerProps);
-
-const emits = defineEmits<{
-  (e: 'update:modelValue', value: string | Date | number): void;
-  (e: 'change', value: string | Date | number): void;
-  (e: 'blur', value: string | Date | number, inputValue?: string, evt?: FocusEvent): void;
-  (e: 'focus', value: string | Date | number, inputValue?: string, evt?: FocusEvent): void;
-  (e: 'clear', evt?: Event): void;
-  (e: 'pressEnter', value: string, evt: KeyboardEvent): void;
-}>();
-
-const inputRef1 = ref<InstanceType<typeof InnerInput>>();
-const inputRef2 = ref<InstanceType<typeof InnerInput>>();
-const inputFrameRef = ref<InstanceType<typeof InnerFrame>>();
-const isRange = computed(() => /-range/.test(props.mode));
-const pickerMode = computed(() => props.mode.replace('-range', '') as keyof typeof DefaultFormatString);
-
-const formateString = computed(() => props.formatString || DefaultFormatString[pickerMode.value]);
-
-const formatFn = isFunction(props.format)
-  ? props.format
-  : (d: Date) => {
-      try {
-        return formatDate(d, formateString.value);
-      } catch {
-        return '';
-      }
-    };
-const parseFn = isFunction(props.parse)
-  ? props.parse
-  : (str: string) => {
-      try {
-        return parseDate(str, formateString.value, new Date());
-      } catch {
-        return new Date(NaN);
-      }
-    };
-
-// 外部输入值，包含类型及值
-const inValue = computed(() => {
-  const value = props.modelValue ?? props.defaultValue;
-  const v = isArray(value) ? value[0] : value;
-  return normalizeDateValue(v, parseFn);
-});
-const inValue2 = computed(() => {
-  if (!isRange.value) {
-    return '';
-  }
-  const value = props.modelValue ?? props.defaultValue;
-  if (isArray(value)) {
-    return normalizeDateValue(value[1], parseFn);
-  }
-  return '';
-});
-
-const inputVal = ref(inValue.value.value ? formatFn(inValue.value.value) : '');
-const inputVal2 = ref(inValue2.value && inValue2.value?.value ? formatFn(inValue2.value.value) : '');
-
-console.log(inputVal.value, inputVal2.value);
-
-const currentValue = ref<Date>(inValue.value.value);
-
-const isPicking = ref(false);
-
-watch(
-  () => inValue.value,
-  (v) => {
-    currentValue.value = v.value;
-  }
-);
-
-watchEffect(() => {
-  if (currentValue.value) {
-    inputVal.value = formatFn(currentValue.value);
-
-    if (isPicking.value) {
-      inputRef1.value?.focus();
-    }
-  }
-});
-
-let realValue = getRealDateValue(inValue.value.value, inValue.value.type, formatFn);
-
-let lastValue = 0;
-const onChange = (value: Date) => {
-  if (lastValue === value.getTime()) {
-    return;
-  }
-  inputVal.value = formatFn(value);
-
-  lastValue = value.getTime();
-
-  realValue = getRealDateValue(value, inValue.value.type, formatFn);
-
-  emits('change', realValue);
-  emits('update:modelValue', realValue);
-};
-
-// panel
-const togglePanel = (visible?: boolean) => {
-  if (visible === undefined) {
-    isPicking.value = !isPicking.value;
-  } else {
-    isPicking.value = visible;
-  }
-};
-const onConfirm = (visible?: boolean) => {
-  togglePanel(visible);
-  onChange(currentValue.value);
-};
-
-const onClear = () => {
-  currentValue.value = new Date(NaN);
-};
-
-// 是否聚焦状态
-const isFocus = ref(false);
-const onFocus = (value: string, evt: FocusEvent) => {
-  if (isFocus.value) {
-    return;
-  }
-  isFocus.value = true;
-  togglePanel(true);
-
-  emits('focus', realValue, value, evt);
-};
-
-const onBlur = (value: string, evt: FocusEvent) => {
-  isFocus.value = false;
-  // togglePanel(false);
-
-  onChange(currentValue.value);
-
-  emits('blur', realValue, value, evt);
-};
-
-const onPressEnter = () => {
-  onConfirm();
-};
-
-const onUpdateModelValue = (value: string) => {
-  if (inputVal.value === value) {
-    return;
-  }
-  inputVal.value = value;
-
-  const d = parseFn(value);
-  if (isValidDate(d)) {
-    // 严格匹配
-    if (formatFn(d) === value) {
-      currentValue.value = d;
-    }
-  }
-};
-
-const onTimePaneChange = (value: TimeValueT) => {
-  console.log(value);
-};
-</script>
-<template>
-  <InnerFrame
-    ref="inputFrameRef"
-    class="o-date-picker"
-    :variant="props.variant"
-    :color="props.color"
-    :disabled="props.disabled"
-    :focused="isFocus"
-    :size="props.size"
-    :round="props.round"
-    :readonly="props.readonly"
-    :for="inputRef1?.uId"
-  >
-    <InInput
-      ref="inputRef1"
-      :model-value="inputVal"
-      type="text"
-      :placeholder="props.placeholder"
-      :disabled="props.disabled"
-      :readonly="props.readonly"
-      :clearable="props.clearable"
-      @clear="onClear"
-      @focus="onFocus"
-      @blur="onBlur"
-      @press-enter="onPressEnter"
-      @update:model-value="onUpdateModelValue"
-    />
-    <InnerInput
-      v-if="isRange"
-      ref="inputRef2"
-      :model-value="inputVal2"
-      type="text"
-      :placeholder="props.placeholder"
-      :disabled="props.disabled"
-      :readonly="props.readonly"
-      :clearable="props.clearable"
-      @clear="onClear"
-      @focus="onFocus"
-      @blur="onBlur"
-      @press-enter="onPressEnter"
-      @update:model-value="onUpdateModelValue"
-    />
-    <template #suffix>
-      <div class="o-dp-icon" @mousedown.prevent>
-        <IconCalendar />
-      </div>
-    </template>
-
-    <InnerPanel
-      v-if="!props.disabled"
-      v-model:visible="isPicking"
-      :target="inputFrameRef"
-      class="o-date-picker-panel"
-      :adjust-min-width="false"
-      :adjust-width="false"
-      @mousedown.prevent
-    >
-      <div>
-        <PickerPane
-          v-model:value="currentValue"
-          :formate-string="formateString"
-          :shortcuts="props.shortcuts"
-          :confirm-btn="props.needConfirm"
-          :confirm-label="props.confirmLabel"
-          :mode="pickerMode"
-          :range="isRange"
-          :disable-cell="props.disableCell"
-          :disable-time-cell="props.disableTimeCell"
-          :display-year-list="props.displayYearList"
-          :display-month-list="props.displayMonthList"
-          :display-day-list="props.displayDayList"
-          @confirm="() => onConfirm(false)"
-          @clear="onClear"
-        >
-          <!-- <template #day-cell="data">
-            <slot name="day-cell" v-bind="data"></slot>
-          </template> -->
-        </PickerPane>
-        <!-- <TimePane view-align="top" @change="onTimePaneChange" /> -->
-      </div>
-    </InnerPanel>
-  </InnerFrame>
-</template>
-../_components/i-input
diff --git a/packages/opendesign/src/date-picker/ODateRangePicker.vue b/packages/opendesign/src/date-picker/ODateRangePicker.vue
deleted file mode 100644
index 0b5976bcfffdb6a1f2879cf1d85a608d227ba5b5..0000000000000000000000000000000000000000
--- a/packages/opendesign/src/date-picker/ODateRangePicker.vue
+++ /dev/null
@@ -1,254 +0,0 @@
-<script setup lang="ts">
-import { ref, computed, watchEffect, watch } from 'vue';
-import { dateRangePickerProps, TimeValueT } from './types';
-import { InnerFrame } from '../_components/inner-frame';
-import { InnerInput } from '../_components/inner-input';
-import { InnerPanel } from '../_components/inner-panel';
-import { IconCalendar } from '../_utils/icons';
-import PickerPane from './PickerPane.vue';
-import { isArray, isFunction, isValidDate } from '../_utils/is';
-import { getRealDateValue, normalizeDateValue, DefaultFormatString } from './date';
-import { formatDate, parseDate } from '../_utils/date';
-
-const props = defineProps(dateRangePickerProps);
-
-const emits = defineEmits<{
-  (e: 'update:modelValue', value: Array<Date | string | number>): void;
-  (e: 'change', value: Array<Date | string | number>): void;
-  (e: 'blur', value: Array<Date | string | number>, inputValue?: Array<string>, evt?: FocusEvent): void;
-  (e: 'focus', value: Array<Date | string | number>, inputValue?: Array<string>, evt?: FocusEvent): void;
-  (e: 'clear', evt?: Event): void;
-  (e: 'pressEnter', value: Array<string>, evt: KeyboardEvent): void;
-}>();
-
-const inputRef1 = ref<InstanceType<typeof InnerInput>>();
-const inputRef2 = ref<InstanceType<typeof InnerInput>>();
-const inputFrameRef = ref<InstanceType<typeof InnerFrame>>();
-const isRange = computed(() => /-range/.test(props.mode));
-const pickerMode = computed(() => props.mode.replace('-range', '') as keyof typeof DefaultFormatString);
-
-const formateString = computed(() => props.formatString || DefaultFormatString[pickerMode.value]);
-
-const formatFn = isFunction(props.format)
-  ? props.format
-  : (d: Date) => {
-      try {
-        return formatDate(d, formateString.value);
-      } catch {
-        return '';
-      }
-    };
-const parseFn = isFunction(props.parse)
-  ? props.parse
-  : (str: string) => {
-      try {
-        return parseDate(str, formateString.value, new Date());
-      } catch {
-        return new Date(NaN);
-      }
-    };
-
-// 外部输入值，包含类型及值
-const inValue = computed(() => {
-  const value = props.modelValue ?? props.defaultValue;
-  const v = isArray(value) ? value[0] : value;
-  return normalizeDateValue(v, parseFn);
-});
-const inValue2 = computed(() => {
-  if (!isRange.value) {
-    return '';
-  }
-  const value = props.modelValue ?? props.defaultValue;
-  if (isArray(value)) {
-    return normalizeDateValue(value[1], parseFn);
-  }
-  return '';
-});
-
-const inputVal = ref(inValue.value.value ? formatFn(inValue.value.value) : '');
-const inputVal2 = ref(inValue2.value && inValue2.value?.value ? formatFn(inValue2.value.value) : '');
-
-console.log(inputVal.value, inputVal2.value);
-
-const currentValue = ref<Date>(inValue.value.value);
-
-const isPicking = ref(false);
-
-watch(
-  () => inValue.value,
-  (v) => {
-    currentValue.value = v.value;
-  }
-);
-
-watchEffect(() => {
-  if (currentValue.value) {
-    inputVal.value = formatFn(currentValue.value);
-
-    if (isPicking.value) {
-      inputRef1.value?.focus();
-    }
-  }
-});
-
-let realValue = getRealDateValue(inValue.value.value, inValue.value.type, formatFn);
-
-let lastValue = 0;
-const onChange = (value: Date) => {
-  if (lastValue === value.getTime()) {
-    return;
-  }
-  inputVal.value = formatFn(value);
-
-  lastValue = value.getTime();
-
-  realValue = getRealDateValue(value, inValue.value.type, formatFn);
-
-  emits('change', [realValue]);
-  emits('update:modelValue', [realValue]);
-};
-
-// panel
-const togglePanel = (visible?: boolean) => {
-  if (visible === undefined) {
-    isPicking.value = !isPicking.value;
-  } else {
-    isPicking.value = visible;
-  }
-};
-const onConfirm = (visible?: boolean) => {
-  togglePanel(visible);
-  onChange(currentValue.value);
-};
-
-const onClear = () => {
-  currentValue.value = new Date(NaN);
-};
-
-// 是否聚焦状态
-const isFocus = ref(false);
-const onFocus = (value: string, evt: FocusEvent) => {
-  if (isFocus.value) {
-    return;
-  }
-  isFocus.value = true;
-  togglePanel(true);
-
-  emits('focus', [realValue], [value], evt);
-};
-
-const onBlur = (value: string, evt: FocusEvent) => {
-  isFocus.value = false;
-  // togglePanel(false);
-
-  onChange(currentValue.value);
-
-  emits('blur', [realValue], [value], evt);
-};
-
-const onPressEnter = () => {
-  onConfirm();
-};
-
-const onUpdateModelValue = (value: string) => {
-  if (inputVal.value === value) {
-    return;
-  }
-  inputVal.value = value;
-
-  const d = parseFn(value);
-  if (isValidDate(d)) {
-    // 严格匹配
-    if (formatFn(d) === value) {
-      currentValue.value = d;
-    }
-  }
-};
-
-const onTimePaneChange = (value: TimeValueT) => {
-  console.log(value);
-};
-</script>
-<template>
-  <InnerFrame
-    ref="inputFrameRef"
-    class="o-date-picker"
-    :variant="props.variant"
-    :color="props.color"
-    :disabled="props.disabled"
-    :focused="isFocus"
-    :size="props.size"
-    :round="props.round"
-    :readonly="props.readonly"
-    :for="inputRef1?.uId"
-  >
-    <InnerInput
-      ref="inputRef1"
-      :model-value="inputVal"
-      type="text"
-      :placeholder="props.placeholder"
-      :disabled="props.disabled"
-      :readonly="props.readonly"
-      :clearable="props.clearable"
-      @clear="onClear"
-      @focus="onFocus"
-      @blur="onBlur"
-      @press-enter="onPressEnter"
-      @update:model-value="onUpdateModelValue"
-    />
-    <InnerInput
-      v-if="isRange"
-      ref="inputRef2"
-      :model-value="inputVal2"
-      type="text"
-      :placeholder="props.placeholder"
-      :disabled="props.disabled"
-      :readonly="props.readonly"
-      :clearable="props.clearable"
-      @clear="onClear"
-      @focus="onFocus"
-      @blur="onBlur"
-      @press-enter="onPressEnter"
-      @update:model-value="onUpdateModelValue"
-    />
-    <template #suffix>
-      <div class="o-dp-icon" @mousedown.prevent>
-        <IconCalendar />
-      </div>
-    </template>
-
-    <InnerPanel
-      v-if="!props.disabled"
-      v-model:visible="isPicking"
-      :target="inputFrameRef"
-      class="o-date-picker-panel"
-      :adjust-min-width="false"
-      :adjust-width="false"
-      @mousedown.prevent
-    >
-      <div>
-        <PickerPane
-          v-model:value="currentValue"
-          :formate-string="formateString"
-          :shortcuts="props.shortcuts"
-          :confirm-btn="props.needConfirm"
-          :confirm-label="props.confirmLabel"
-          :mode="pickerMode"
-          :range="isRange"
-          :disable-cell="props.disableCell"
-          :disable-time-cell="props.disableTimeCell"
-          :display-year-list="props.displayYearList"
-          :display-month-list="props.displayMonthList"
-          :display-day-list="props.displayDayList"
-          @confirm="() => onConfirm(false)"
-          @clear="onClear"
-        >
-          <!-- <template #day-cell="data">
-            <slot name="day-cell" v-bind="data"></slot>
-          </template> -->
-        </PickerPane>
-        <!-- <TimePane view-align="top" @change="onTimePaneChange" /> -->
-      </div>
-    </InnerPanel>
-  </InnerFrame>
-</template>
diff --git a/packages/opendesign/src/date-picker/PickerFoot.vue b/packages/opendesign/src/date-picker/PickerFoot.vue
deleted file mode 100644
index d18bc37e179d6600d835ae726c065155f05c1dac..0000000000000000000000000000000000000000
--- a/packages/opendesign/src/date-picker/PickerFoot.vue
+++ /dev/null
@@ -1,132 +0,0 @@
-<script setup lang="ts">
-import { computed } from 'vue';
-import { OButton } from '../button';
-import { OLink } from '../link';
-import { ShortcutParamT, ShortcutT } from './types';
-import { Labels } from './date';
-import { isFunction } from '../_utils/is';
-
-const props = withDefaults(
-  defineProps<{
-    shortcuts?: Array<ShortcutParamT>;
-    needConfirm?: boolean;
-    confirmLabel?: string;
-    clearLabel?: string;
-  }>(),
-  {
-    shortcuts: undefined,
-    confirmLabel: '',
-    clearLabel: '',
-  }
-);
-
-const emits = defineEmits<{
-  // 控制输入框展示的当前值
-  (e: 'shortcut:click', value: Date, evt: Event): void;
-  // 最终值
-  (e: 'shortcut:hoverin', value: Date, evt: Event): void;
-  (e: 'shortcut:hoverout', evt: Event): void;
-  (e: 'clear', evt: Event): void;
-  (e: 'confirm', evt: Event): void;
-}>();
-
-// 是否需要确认按钮
-const confirmLabel = computed(() => (props.confirmLabel ? props.confirmLabel : Labels.confirm));
-const clearLabel = computed(() => (props.clearLabel ? props.clearLabel : Labels.clear));
-
-//shortcuts
-const shortcuts = computed(() => {
-  if (props.shortcuts && props.shortcuts.length > 0) {
-    return props.shortcuts.map((item) => {
-      if (item === 'now') {
-        return {
-          label: Labels.now,
-          value: () => new Date(),
-        };
-      }
-      return item;
-    });
-  }
-  return null;
-});
-/*
- * 快捷按钮shortcut
- */
-const onShortcutClick = (e: Event, shortcut: ShortcutT) => {
-  const v = isFunction(shortcut.value) ? shortcut.value() : shortcut.value;
-
-  emits('shortcut:click', v, e);
-};
-// 避免频繁更新dom
-let hoverInTimer: number = 0;
-let hoverOutTimer: number = 0;
-const hoverDelay = 100;
-const clearTimer = () => {
-  if (hoverInTimer) {
-    clearTimeout(hoverInTimer);
-    hoverInTimer = 0;
-  }
-  if (hoverOutTimer) {
-    clearTimeout(hoverOutTimer);
-    hoverOutTimer = 0;
-  }
-};
-// hover in时快速显示
-const onShortcutMouseEnter = (e: Event, shortcut: ShortcutT) => {
-  clearTimer();
-
-  hoverInTimer = window.setTimeout(() => {
-    hoverInTimer = 0;
-    const v = isFunction(shortcut.value) ? shortcut.value() : shortcut.value;
-    emits('shortcut:hoverin', v, e);
-  }, hoverDelay);
-};
-// hover out恢复之前值
-const onShortcutMouseLeave = (e: Event) => {
-  clearTimer();
-
-  hoverOutTimer = window.setTimeout(() => {
-    hoverOutTimer = 0;
-    emits('shortcut:hoverout', e);
-  }, hoverDelay);
-};
-
-const onClear = (e: Event) => {
-  emits('clear', e);
-};
-const onConfirm = (e: Event) => {
-  emits('confirm', e);
-};
-</script>
-<template>
-  <div v-if="$slots.footer" class="o-picker-extra">
-    <slot name="extra"></slot>
-  </div>
-  <div
-    class="o-picker-foot"
-    :class="{
-      'has-confirm': props.needConfirm,
-    }"
-  >
-    <div v-if="shortcuts" class="o-picker-shortcut">
-      <template v-for="item in shortcuts" :key="item">
-        <div
-          class="o-picker-shortcut-item"
-          @click="(e) => onShortcutClick(e, item)"
-          @mouseenter="(e:Event) => onShortcutMouseEnter(e, item)"
-          @mouseleave="onShortcutMouseLeave"
-        >
-          <slot name="shortcut" :shortcut="item">
-            <OLink color="primary">{{ item.label }}</OLink>
-          </slot>
-        </div>
-      </template>
-    </div>
-    <div v-if="props.needConfirm" class="o-picker-shortcut">
-      <OButton class="o-picker-shortcut-btn" color="primary" size="small" @click="onClear">{{ clearLabel }}</OButton>
-      <OButton class="o-picker-shortcut-btn" color="primary" size="small" @click="onConfirm">
-        {{ confirmLabel }}
-      </OButton>
-    </div>
-  </div>
-</template>
diff --git a/packages/opendesign/src/date-picker/PickerHead.vue b/packages/opendesign/src/date-picker/PickerHead.vue
deleted file mode 100644
index a5d415090c746a1baa6d9e1a0c10053f816d1413..0000000000000000000000000000000000000000
--- a/packages/opendesign/src/date-picker/PickerHead.vue
+++ /dev/null
@@ -1,119 +0,0 @@
-<script setup lang="ts">
-import { OIcon } from '../icon';
-import { IconCalendarPrevYear, IconCalendarNextYear, IconCalendarPrevMonth, IconCalendarNextMonth } from '../_utils/icons';
-import { computed, reactive } from 'vue';
-import { PickerDate, PickerModeT } from './types';
-import { Labels } from './date';
-
-const props = withDefaults(
-  defineProps<{
-    value: Date;
-    mode: PickerModeT;
-    currentMode: PickerModeT;
-    showYear: boolean;
-  }>(),
-  {}
-);
-
-const emits = defineEmits<{
-  // 最终值
-  (e: 'btn-click', type: 'year' | 'month', value: number): void;
-  (e: 'value-click', type: 'year' | 'month'): void;
-}>();
-
-const inValue = computed(() => new PickerDate(props.value));
-
-const btns = reactive({
-  year: {
-    show: true,
-    add: true,
-    sub: true,
-  },
-  month: {
-    show: true,
-    add: true,
-    sub: true,
-  },
-});
-
-const headYearValue = computed(() => {
-  if (!props.showYear) {
-    return '';
-  }
-  if (['month', 'date', 'datetime'].includes(props.mode)) {
-    return inValue.value.year + Labels.year || '';
-  }
-  return '';
-});
-
-const headMonthValue = computed(() => {
-  if (['date', 'datetime'].includes(props.mode)) {
-    return inValue.value.month + 1 + Labels.month || '';
-  }
-
-  return '';
-});
-
-/**
- * head 操作
- */
-const headBtnClick = (dateType: 'year' | 'month', actionType: 'sub' | 'add') => {
-  const sign = actionType === 'add' ? 1 : -1;
-  emits('btn-click', dateType, sign);
-};
-
-const onHeadYearClick = () => {
-  emits('value-click', 'year');
-};
-const onHeadMonthClick = () => {
-  emits('value-click', 'month');
-};
-</script>
-<template>
-  <div class="o-picker-head">
-    <div class="o-picker-head-btns">
-      <OIcon
-        v-if="btns.year.show"
-        class="o-picker-head-btn"
-        button
-        :icon="IconCalendarPrevYear"
-        :disabled="!btns.year.sub"
-        @click="headBtnClick('year', 'sub')"
-      />
-      <OIcon
-        v-if="btns.year.show"
-        class="o-picker-head-btn"
-        button
-        :icon="IconCalendarPrevMonth"
-        :disabled="!btns.month.sub"
-        @click="headBtnClick('month', 'sub')"
-      />
-    </div>
-    <div class="o-picker-head-value">
-      <div class="o-picker-head-year" @click="onHeadYearClick">
-        {{ headYearValue }}
-      </div>
-      <div class="o-picker-head-month" @click="onHeadMonthClick">
-        {{ headMonthValue }}
-      </div>
-    </div>
-    <div class="o-picker-head-btns">
-      <OIcon
-        v-if="btns.year.show"
-        class="o-picker-head-btn"
-        button
-        :icon="IconCalendarNextMonth"
-        :disabled="!btns.month.add"
-        @click="headBtnClick('month', 'add')"
-      />
-      <OIcon
-        v-if="btns.year.show"
-        class="o-picker-head-btn"
-        button
-        :icon="IconCalendarNextYear"
-        :disabled="!btns.year.add"
-        @click="headBtnClick('year', 'add')"
-      />
-    </div>
-  </div>
-</template>
diff --git a/packages/opendesign/src/date-picker/PickerPane.vue b/packages/opendesign/src/date-picker/PickerPane.vue
deleted file mode 100644
index 622854c4851c2d4aa5c8f12f2574698512e228af..0000000000000000000000000000000000000000
--- a/packages/opendesign/src/date-picker/PickerPane.vue
+++ /dev/null
@@ -1,423 +0,0 @@
-<script setup lang="ts">
-import { ref, computed, watch } from 'vue';
-import {
-  ShortcutParamT,
-  PickerModeT,
-  DisaplyDayListT,
-  DisaplyYearListT,
-  DisaplyMonthListT,
-  disableYearCellT,
-  disableMonthCellT,
-  disableDayCellT,
-  disableTimeCellT,
-} from './types';
-import { Labels } from './date';
-import { isFunction, isValidDate } from '../_utils/is';
-import { PickerDate } from './picker-date';
-import TimePicker from './picker/TimePicker.vue';
-import type { TimeValueT } from './picker/TimePicker.vue';
-import DayPicker from './picker/DayPicker.vue';
-import type { DayValueT } from './picker/DayPicker.vue';
-import MonthPicker from './picker/MonthPicker.vue';
-import type { MonthValueT } from './picker/MonthPicker.vue';
-import YearPicker from './picker/YearPicker.vue';
-import PickerHead from './PickerHead.vue';
-import PickerFoot from './PickerFoot.vue';
-import { isSameDate } from '../_utils/date';
-import { formatDate } from '../_utils/date';
-
-const props = withDefaults(
-  defineProps<{
-    value: Date;
-    formateString: string;
-    shortcuts?: Array<ShortcutParamT>;
-    needConfirm?: boolean;
-    confirmLabel?: string;
-    clearLabel?: string;
-    mode?: PickerModeT;
-    range?: boolean;
-    disableCell?: disableYearCellT | disableMonthCellT | disableDayCellT;
-    disableTimeCell?: disableTimeCellT;
-    displayYearList?: DisaplyYearListT;
-    displayMonthList?: DisaplyMonthListT;
-    displayDayList?: DisaplyDayListT;
-  }>(),
-  {
-    range: false,
-    value: undefined,
-    shortcuts: undefined,
-    confirmLabel: '',
-    clearLabel: '',
-    mode: 'date',
-    disableCell: undefined,
-    disableTimeCell: undefined,
-    displayYearList: undefined,
-    displayMonthList: undefined,
-    displayDayList: undefined,
-  }
-);
-
-const emits = defineEmits<{
-  // 控制输入框展示的当前值
-  (e: 'update:value', value: Date): void;
-  // 最终值
-  (e: 'confirm', value: Date, evt?: Event): void;
-  (e: 'clear', evt: Event): void;
-}>();
-
-const yearSelectable = computed(() => /y/i.test(props.formateString));
-console.log(yearSelectable.value);
-// 控制面板显示
-const currentMode = ref(props.mode);
-const showPicker = computed(() => {
-  return {
-    year: currentMode.value === 'year',
-    month: currentMode.value === 'month',
-    day: ['date', 'datetime'].includes(currentMode.value),
-  };
-});
-const mountPicker = computed(() => {
-  const time = ['time', 'datetime'].includes(props.mode);
-  const day = ['date', 'datetime'].includes(currentMode.value);
-  const month = day || currentMode.value === 'month';
-  const year = (yearSelectable.value && month) || (yearSelectable.value && day) || currentMode.value === 'year';
-
-  return {
-    year,
-    month,
-    day,
-    time,
-  };
-});
-
-const today = new PickerDate(new Date());
-today.set({ hour: 0, minute: 0, second: 0 });
-
-// 当前面板值
-const viewValue = ref<Date>(isValidDate(props.value) ? props.value : today.date);
-const pickerValue: PickerDate = new PickerDate(props.value, (p: PickerDate) => {
-  if (isValidDate(p.date)) {
-    if (!isSameDate(p.date, viewValue.value)) {
-      viewValue.value = p.date;
-    }
-  } else {
-    viewValue.value = today.date;
-  }
-});
-
-let lastDate: Date = pickerValue.date;
-
-console.log(pickerValue.date);
-
-const disableCellFn = isFunction(props.disableCell) ? props.disableCell : () => false;
-const disableTimeCellFn = isFunction(props.disableTimeCell) ? props.disableTimeCell : () => false;
-const isShortcutSelecting = ref(false);
-
-watch(
-  () => props.value,
-  (v: Date) => {
-    if (!isSameDate(pickerValue.date, v)) {
-      pickerValue.date = v;
-
-      lastDate = v;
-    }
-  }
-);
-
-// // 是否需要确认按钮
-// const confirmLabel = computed(() => (props.confirmLabel ? props.confirmLabel : Labels.confirm));
-// const clearLabel = computed(() => (props.clearLabel ? props.clearLabel : Labels.clear));
-
-const needConfirm = computed(() => {
-  if (['datetime', 'daterange', 'datetimerange', 'monthrange'].includes(currentMode.value)) {
-    return true;
-  }
-  if (props.needConfirm) {
-    return true;
-  }
-  return false;
-});
-
-/**
- * 确认提交
- * @param force 强制提交
- * @param e
- */
-const onConfirm = (force: boolean, e?: Event) => {
-  isShortcutSelecting.value = false;
-
-  if (currentMode.value !== props.mode) {
-    currentMode.value = props.mode;
-    return;
-  }
-  if (needConfirm.value && !force) {
-    return;
-  }
-  emits('confirm', pickerValue.date, e);
-};
-/**
- * 清除已选择
- * @param force 强制提交
- * @param e
- */
-const onClear = (e: Event) => {
-  emits('clear', e);
-};
-
-/**
- * year picker
- */
-const onYearSelect = (v: number, e?: Event) => {
-  pickerValue.year = v;
-  if (props.mode === 'year') {
-    emits('update:value', pickerValue.date);
-    lastDate = pickerValue.date;
-  }
-
-  onConfirm(false, e);
-};
-
-/**
- * month picker
- */
-const onMonthSelect = (v: MonthValueT, e?: Event) => {
-  pickerValue.set(v);
-  if (props.mode === 'month') {
-    emits('update:value', pickerValue.date);
-    lastDate = pickerValue.date;
-  }
-  onConfirm(false, e);
-};
-
-/**
- * date picker
- */
-const onDayValueUpdate = (v: DayValueT) => {
-  // 范围选择时，需要hover时刷新输入框值
-  console.log('onDayValueUpdate', v);
-};
-
-const onDaySelect = (v: DayValueT, e?: Event) => {
-  pickerValue.set(v);
-  emits('update:value', pickerValue.date);
-  lastDate = pickerValue.date;
-  onConfirm(false, e);
-};
-
-/**
- * time picker
- */
-
-const hideHour = computed(() => !props.formateString.includes('H'));
-const hideMinute = computed(() => !props.formateString.includes('m'));
-const hideSecond = computed(() => !props.formateString.includes('s'));
-
-const timeHeadValue = computed(() => {
-  const fs: string[] = [];
-  if (!hideHour.value) {
-    fs.push('HH');
-  }
-  if (!hideMinute.value) {
-    fs.push('mm');
-  }
-  if (!hideSecond.value) {
-    fs.push('ss');
-  }
-  return formatDate(viewValue.value, fs.join(':'));
-});
-const onTimeValueUpdate = (v: TimeValueT) => {
-  // 范围选择时，需要hover时刷新输入框值
-  console.log('onDayValueUpdate', v);
-};
-
-const onTimeSelect = (v: TimeValueT, e?: Event) => {
-  console.log(v);
-
-  pickerValue.set({
-    hour: v.hour || 0,
-    minute: v.minute || 0,
-    second: v.second || 0,
-  });
-  emits('update:value', pickerValue.date);
-  lastDate = pickerValue.date;
-  onConfirm(false, e);
-};
-
-const toSelectYear = () => {
-  if (yearSelectable.value === false) {
-    return;
-  }
-
-  if (currentMode.value !== 'year') {
-    currentMode.value = 'year';
-  } else {
-    currentMode.value = props.mode;
-  }
-};
-const toSelectMonth = () => {
-  if (currentMode.value !== 'month') {
-    currentMode.value = 'month';
-  } else {
-    currentMode.value = props.mode;
-  }
-};
-
-/**
- * head 操作
- */
-const onHeadBtnClick = (dateType: 'year' | 'month', value: number) => {
-  const cp = pickerValue.valid ? pickerValue : new PickerDate(viewValue.value);
-  if (dateType === 'year') {
-    pickerValue.year = cp.year + value;
-  } else if (dateType === 'month') {
-    pickerValue.month = cp.month + value;
-  }
-};
-
-const noHead = computed(() => {
-  if (['year', 'time'].includes(props.mode)) {
-    return true;
-  }
-
-  if (props.mode === 'month' && !yearSelectable.value) {
-    return true;
-  }
-
-  return false;
-});
-
-const onHeadValueClick = (type: 'year' | 'month') => {
-  if (type === 'year') {
-    toSelectYear();
-  } else if (type === 'month') {
-    toSelectMonth();
-  }
-};
-
-//shortcuts
-// const shortcuts = computed(() => {
-//   if (props.shortcuts && props.shortcuts.length > 0) {
-//     return props.shortcuts.map((item) => {
-//       if (item === 'now') {
-//         return {
-//           label: Labels.now,
-//           value: () => new Date(),
-//         };
-//       }
-//       return item;
-//     });
-//   }
-//   return null;
-// });
-/*
- * 快捷按钮shortcut
- */
-const onShortcutClick = (value: Date, e: Event) => {
-  pickerValue.date = value;
-
-  emits('update:value', value);
-  lastDate = value;
-  onConfirm(false, e);
-};
-// hover in时快速显示
-const onShortcutHoverin = (value: Date) => {
-  isShortcutSelecting.value = true;
-  pickerValue.date = value;
-  emits('update:value', value);
-};
-// hover out恢复之前值
-const onShortcutHoverout = () => {
-  if (pickerValue.date !== lastDate) {
-    isShortcutSelecting.value = false;
-    pickerValue.date = lastDate;
-
-    emits('update:value', lastDate);
-  }
-};
-</script>
-<template>
-  <div class="o-picker-pane">
-    <div class="o-picker-main-wrap">
-      <div v-if="mountPicker.year || mountPicker.month || mountPicker.day" class="o-picker-main-date">
-        <PickerHead
-          v-if="!noHead"
-          :mode="props.mode"
-          :current-mode="currentMode"
-          :value="viewValue"
-          :show-year="yearSelectable"
-          @value-click="onHeadValueClick"
-          @btn-click="onHeadBtnClick"
-        />
-        <div
-          class="o-picker-main"
-          :class="{
-            'o-picker-selecting': isShortcutSelecting,
-          }"
-        >
-          <YearPicker
-            v-if="mountPicker.year"
-            class="o-picker-pane-year"
-            :visible="showPicker.year"
-            :value="props.value"
-            :disable-cell="(disableCellFn as disableYearCellT)"
-            :display-year-list="props.displayYearList"
-            @select="onYearSelect"
-          />
-          <MonthPicker
-            v-if="mountPicker.month"
-            class="o-picker-pane-month"
-            :visible="showPicker.month"
-            :value="props.value"
-            :column="3"
-            :view-value="viewValue"
-            :disable-cell="(disableCellFn as disableMonthCellT)"
-            :display-month-list="props.displayMonthList"
-            @select="onMonthSelect"
-            @select-year="toSelectYear"
-          />
-          <DayPicker
-            v-if="mountPicker.day"
-            class="o-picker-pane-date"
-            :visible="showPicker.day"
-            :value="props.value"
-            :view-value="viewValue"
-            :disable-cell="(disableCellFn as disableDayCellT)"
-            :display-day-list="props.displayDayList"
-            @update:value="onDayValueUpdate"
-            @select="onDaySelect"
-            @select-month="toSelectMonth"
-            @select-year="toSelectYear"
-          />
-        </div>
-      </div>
-      <div class="o-picker-main-time">
-        <div v-if="$props.mode === 'datetime'" class="o-picker-head">
-          <div class="o-picker-head-value">{{ timeHeadValue }}</div>
-        </div>
-        <TimePicker
-          v-if="mountPicker.time"
-          class="o-picker-pane-time"
-          :value="props.value"
-          :view-value="viewValue"
-          :hide-hour="hideHour"
-          :hide-minute="hideMinute"
-          :hide-second="hideSecond"
-          :disable-cell="(disableTimeCellFn as disableTimeCellT)"
-          @update:value="onTimeValueUpdate"
-          @select="onTimeSelect"
-        />
-      </div>
-    </div>
-    <PickerFoot
-      :shortcuts="props.shortcuts"
-      :need-confirm="needConfirm"
-      :confirm-label="props.confirmLabel"
-      :clear-label="props.clearLabel"
-      @clear="onClear"
-      @confirm="(e:Event) => onConfirm(true, e)"
-      @shortcut:click="onShortcutClick"
-      @shortcut:hoverin="onShortcutHoverin"
-      @shortcut:hoverout="onShortcutHoverout"
-    />
-  </div>
-</template>
diff --git a/packages/opendesign/src/date-picker/__demo__/DatePickerBasic.vue b/packages/opendesign/src/date-picker/__demo__/DatePickerBasic.vue
deleted file mode 100644
index eceafc19eec270eec215bffd130f2a825ac31db8..0000000000000000000000000000000000000000
--- a/packages/opendesign/src/date-picker/__demo__/DatePickerBasic.vue
+++ /dev/null
@@ -1,167 +0,0 @@
-<script setup lang="ts">
-import { ref } from 'vue';
-import { DayCellT, ODatePicker, ShortcutParamT, ODateRangePicker } from '../index';
-
-const val1 = ref<string | Date | number>('2011-11');
-const val2 = ref<Array<string | Date | number>>(['2011', '2023']);
-
-const onChange = (value: string | Date | number) => {
-  console.log('change', value);
-};
-
-const onFocus = (value: string | Date | number) => {
-  console.log('focus', value);
-};
-const onBlur = (value: string | Date | number) => {
-  console.log('blur', value);
-};
-
-const onClear = (e?: Event) => {
-  console.log('clear', e);
-};
-
-const onPressEnter = (value: string, e: KeyboardEvent) => {
-  console.log('pressEnter', value, e);
-};
-
-const shortcuts: ShortcutParamT[] = [
-  'now',
-  {
-    label: '30天前',
-    value: () => new Date(new Date().getTime() - 30 * 24 * 1000 * 60 * 60),
-  },
-  {
-    label: 'yesterday',
-    value: () => new Date(new Date().getTime() - 24 * 1000 * 60 * 60),
-  },
-];
-
-const disableCell = (cell: DayCellT): boolean => {
-  // const y = date.getFullYear();
-  // const m = date.getMonth();
-  // const d = date.getDate();
-  // return y < 2022 || y > 2027 || Boolean(m % 2) || Boolean(d % 2);
-  // return Boolean(d % 2);
-  // console.log(cell);
-
-  return Boolean(cell.day % 2);
-};
-
-const displayMonthList = () => {
-  return [
-    { month: 0, label: '1月' },
-    { month: 1, label: '2月' },
-    { month: 2, label: '3月' },
-    { month: 3, label: '4月' },
-  ];
-};
-
-const disableTimeCell = (value: number, type: 'hour' | 'minute' | 'second'): boolean => {
-  return !Boolean(value % 3);
-};
-const fs = 'yyyy-MM';
-const fs2 = '';
-
-// range
-
-const onRangeChange = (value: Array<string | Date | number>) => {
-  console.log('change', value);
-};
-
-const onRangeFocus = (value: Array<string | Date | number>) => {
-  console.log('focus', value);
-};
-const onRangeBlur = (value: Array<string | Date | number>) => {
-  console.log('blur', value);
-};
-
-const onRangeClear = (e?: Event) => {
-  console.log('clear', e);
-};
-
-const onRangePressEnter = (value: Array<string>, e: KeyboardEvent) => {
-  console.log('pressEnter', value, e);
-};
-</script>
-<template>
-  <h4>Color & Variant</h4>
-  <section>
-    <div>Outline</div>
-    <p>value: {{ val1 }}</p>
-    <div class="row">
-      <ODatePicker
-        v-model="val1"
-        mode="month"
-        :format-string="fs"
-        placeholder="请选择..."
-        resize="none"
-        color="normal"
-        :shortcuts="shortcuts"
-        confirm-label="ok"
-        style="width: 400px"
-        :disable-cell="disableCell"
-        :disable-time-cell="disableTimeCell"
-        :select-year="true"
-        :display-month-list="displayMonthList"
-        @focus="onFocus"
-        @blur="onBlur"
-        @change="onChange"
-        @clear="onClear"
-        @press-enter="onPressEnter"
-      />
-      <ODateRangePicker
-        v-model="val2"
-        mode="year-range"
-        :format-string="fs2"
-        placeholder="请选择..."
-        resize="none"
-        color="normal"
-        :shortcuts="shortcuts"
-        :year-selectable="false"
-        confirm-label="ok"
-        style="width: 400px"
-        :disable-cell="disableCell"
-        :disable-time-cell="disableTimeCell"
-        :select-year="true"
-        :display-month-list="displayMonthList"
-        @focus="onRangeFocus"
-        @blur="onRangeBlur"
-        @change="onRangeChange"
-        @clear="onRangeClear"
-        @press-enter="onRangePressEnter"
-      />
-      <!-- <ODatePicker v-model="val1" placeholder="normal + outline" resize="none" color="success" />
-      <ODatePicker v-model="val1" placeholder="normal + outline" resize="none" color="warning" />
-      <ODatePicker v-model="val1" placeholder="normal + outline" resize="none" color="danger" />
-      <ODatePicker v-model="val1" placeholder="normal + outline disabled" resize="none" disabled />
-      <ODatePicker v-model="val1" placeholder="normal + outline readonly" resize="none" readonly />
-    </div>
-    <div class="row">
-      <ODatePicker v-model="val1" placeholder="normal + solid" resize="none" color="normal" variant="outline" round="pill" />
-      <ODatePicker v-model="val1" placeholder="success + solid" resize="none" color="success" variant="outline" round="pill" />
-      <ODatePicker v-model="val1" placeholder="warning + solid" resize="none" color="warning" variant="outline" round="pill" />
-      <ODatePicker v-model="val1" placeholder="danger + solid" resize="none" color="danger" variant="outline" round="pill" />
-      <ODatePicker v-model="val1" placeholder="normal + solid disabled" resize="none" disabled variant="outline" round="pill" />
-      <ODatePicker v-model="val1" placeholder="normal + solid readonly" resize="none" readonly variant="outline" round="pill" />
-    </div>
-
-    <div class="row">
-      <ODatePicker v-model="val1" placeholder="normal + solid" resize="none" color="normal" variant="solid" size="large" round="pill" />
-      <ODatePicker v-model="val1" placeholder="success + solid" resize="none" color="success" variant="solid" size="large" round="pill" />
-      <ODatePicker v-model="val1" placeholder="warning + solid" resize="none" color="warning" variant="solid" size="large" round="pill" />
-      <ODatePicker v-model="val1" placeholder="danger + solid" resize="none" color="danger" variant="solid" size="large" round="pill" />
-      <ODatePicker v-model="val1" placeholder="normal + solid disabled" resize="none" disabled variant="solid" size="large" round="pill" />
-      <ODatePicker v-model="val1" placeholder="normal + solid readonly" resize="none" readonly variant="solid" size="large" round="pill" />
-    </div>
-
-    <div class="row">
-      <ODatePicker v-model="val1" placeholder="normal + solid" resize="none" color="normal" variant="text" size="small" />
-      <ODatePicker v-model="val1" placeholder="success + solid" resize="none" color="success" variant="text" size="small" />
-      <ODatePicker v-model="val1" placeholder="warning + solid" resize="none" color="warning" variant="text" size="small" />
-      <ODatePicker v-model="val1" placeholder="danger + solid" resize="none" color="danger" variant="text" size="small" />
-      <ODatePicker v-model="val1" placeholder="normal + solid disabled" resize="none" disabled variant="text" size="small" />
-      <ODatePicker v-model="val1" placeholder="normal + solid readonly" resize="none" readonly variant="text" size="small" /> -->
-    </div>
-  </section>
-</template>
-<style lang="scss"></style>
diff --git a/packages/opendesign/src/date-picker/__demo__/TheIndex.vue b/packages/opendesign/src/date-picker/__demo__/TheIndex.vue
deleted file mode 100644
index 3dd0cec1f7bce3f488a38207233fe600e030543c..0000000000000000000000000000000000000000
--- a/packages/opendesign/src/date-picker/__demo__/TheIndex.vue
+++ /dev/null
@@ -1,11 +0,0 @@
-<script setup lang="ts">
-import '../style';
-
-import DatePickerBasic from './DatePickerBasic.vue';
-</script>
-<template>
-  <div class="page-demo">
-    <DatePickerBasic />
-  </div>
-</template>
-<style lang="scss"></style>
diff --git a/packages/opendesign/src/date-picker/date.ts b/packages/opendesign/src/date-picker/date.ts
deleted file mode 100644
index 41d7c2564efa330cee57afde9dd6c4b150845b4c..0000000000000000000000000000000000000000
--- a/packages/opendesign/src/date-picker/date.ts
+++ /dev/null
@@ -1,211 +0,0 @@
-import { isNull } from '../_utils/is';
-import { PickerDate } from './picker-date';
-import { PickerModeT } from './types';
-import { OScroller } from '../scrollbar';
-
-export const WEEK_DAYS = 7;
-export const MINUTE_TIME = 60 * 1000;
-export const HOUR_TIME = 60 * MINUTE_TIME;
-export const DAY_TIME = 24 * HOUR_TIME;
-export const WEEK_TIME = WEEK_DAYS * DAY_TIME;
-
-export interface DateRangeT {
-  start: PickerDate;
-  end: PickerDate;
-}
-
-export const Labels = {
-  weeks: ['日', '一', '二', '三', '四', '五', '六'],
-  year: '年',
-  month: '月',
-  months: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'],
-  day: '日',
-  now: '此刻',
-  confirm: '确定',
-  clear: '清除',
-};
-
-export function getYearLabel(value: number): string {
-  return `${value}${Labels.year}`;
-}
-
-export function getMonthLabel(value: number): string {
-  return `${value}${Labels.month}`;
-}
-
-export function getDayLabel(value: number): string {
-  return `${value}${Labels.day}`;
-}
-
-export const DefaultFormatString: Record<PickerModeT, string> = {
-  year: 'yyyy',
-  month: 'yyyy-MM',
-  quarter: 'Q',
-  date: 'yyyy-MM-dd',
-  datetime: 'yyyy-MM-dd HH:mm:ss',
-  time: 'HH:mm:ss',
-};
-
-/**
- * 根据formatString决定type
- * @param formatString
- */
-export function getPickerType(formatString: string): PickerModeT {
-  // const y = formatString.includes('y');
-  // const m = formatString.includes('M');
-  const d = formatString.includes('d');
-  if (d) {
-    return 'date';
-  }
-  return 'date';
-}
-
-export function normalizeDateValue(
-  value: string | Date | number | undefined,
-  parseFn: (v: string) => Date
-): { type: 'string' | 'number' | 'Date'; value: Date } {
-  if (typeof value === 'string') {
-    try {
-      return {
-        type: 'string',
-        value: parseFn(value),
-      };
-    } catch {
-      return {
-        type: 'string',
-        value: new Date(NaN),
-      };
-    }
-  }
-  if (typeof value === 'number') {
-    return {
-      type: 'number',
-      value: new Date(value),
-    };
-  }
-  if (value instanceof Date) {
-    return {
-      type: 'Date',
-      value: value,
-    };
-  }
-
-  const d = new Date(value || NaN);
-  return {
-    type: 'Date',
-    value: d,
-  };
-}
-
-export function getRealDateValue(value: Date | null, type: 'string' | 'number' | 'Date', formatFn: (d: Date) => string): string | number | Date {
-  if (isNull(value)) {
-    return '';
-  }
-  if (type === 'string') {
-    return formatFn(value);
-  }
-  if (type === 'number') {
-    return value.getTime();
-  }
-  if (type === 'Date') {
-    return value;
-  }
-  return '';
-}
-
-export function isSameYear(date1: { year?: number }, date2: { year?: number }): boolean {
-  return date1.year === date2.year;
-}
-export function isSameMonth(date1: { year?: number; month?: number }, date2: { year?: number; month?: number }): boolean {
-  return date1.year === date2.year && date1.month === date2.month;
-}
-export function isSameDay(date1: { year?: number; month?: number; day?: number }, date2: { year?: number; month?: number; day?: number }): boolean {
-  return date1.year === date2.year && date1.month === date2.month && date1.day === date2.day;
-}
-
-/**
- * 获取日期在范围内的状态
- * @param date
- * @param range
- * @returns {in: boolean, start: boolean, end: boolean}
- */
-export function getDateRangeStatus(date: PickerDate, range: DateRangeT) {
-  const { start, end } = range;
-
-  const dt = date.date?.getTime();
-  const st = range.start.date?.getTime();
-  const et = range.end.date?.getTime();
-
-  return {
-    in: dt >= st && dt <= et,
-    start: isSameDay(date, start),
-    end: isSameDay(date, end),
-  };
-}
-
-export function scrollSelectOrNowCellInToView(
-  scroller: InstanceType<typeof OScroller> | undefined,
-  {
-    smooth,
-    align,
-  }: {
-    smooth?: boolean;
-    align?: 'center' | 'top' | 'bottom';
-  } = {
-    smooth: true,
-    align: 'top',
-  }
-): void {
-  if (!scroller) {
-    return;
-  }
-
-  let el = scroller.$el.querySelector('.o-picker-cell-selected');
-  if (!el) {
-    el = scroller.$el.querySelector('.o-picker-cell-now');
-  }
-  const containerRef = scroller.getContainerEl();
-  if (!el || !containerRef) {
-    return;
-  }
-  const { offsetTop, clientHeight } = el;
-  const { clientHeight: outHeight } = containerRef;
-
-  let top = offsetTop;
-  if (align === 'center') {
-    top = offsetTop - outHeight / 2 + clientHeight / 2;
-  } else if (align === 'bottom') {
-    top = offsetTop - outHeight + clientHeight;
-  }
-  scroller.scrollTo({
-    top,
-    behavior: smooth ? 'smooth' : 'auto',
-  });
-}
-
-/**
- * 获取连续数字
- * @param start
- * @param length
- * @param handler
- */
-export function getNumberList<T>(start: number, length: number, handler: (v: number) => T): T[] {
-  const rlt = [];
-  for (let i = start; i < length; i++) {
-    rlt.push(handler(i));
-  }
-  return rlt;
-}
-
-export function formatTime(date: PickerDate, formatString: string = 'HH:mm:ss'): string {
-  const h = date.hour ? '0' : date.hour.toString();
-  const m = date.minute ? '0' : date.minute.toString();
-  const s = date.second ? '0' : date.second.toString();
-  return formatString
-    .replace('HH', h.padStart(2, '0'))
-    .replace('mm', m.padStart(2, '0'))
-    .replace('ss', s.padStart(2, '0'))
-    .replace('H', h)
-    .replace('m', m)
-    .replace('s', s);
-}
diff --git a/packages/opendesign/src/date-picker/index.ts b/packages/opendesign/src/date-picker/index.ts
deleted file mode 100644
index 7ed13394f6893fc66d863d524e4406c370b4e670..0000000000000000000000000000000000000000
--- a/packages/opendesign/src/date-picker/index.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import _ODatePicker from './ODatePicker.vue';
-import _ODateRangePicker from './ODateRangePicker.vue';
-import type { App } from 'vue';
-
-const ODatePicker = Object.assign(_ODatePicker, {
-  install(app: App) {
-    app.component('ODatePicker', _ODatePicker);
-  },
-});
-
-const ODateRangePicker = Object.assign(_ODateRangePicker, {
-  install(app: App) {
-    app.component('ODateRangePicker', _ODateRangePicker);
-  },
-});
-
-export { ODatePicker, ODateRangePicker };
-export * from './types';
diff --git a/packages/opendesign/src/date-picker/picker-date.ts b/packages/opendesign/src/date-picker/picker-date.ts
deleted file mode 100644
index 9cbd4ee934dc3679fb39af7882111e54d490df14..0000000000000000000000000000000000000000
--- a/packages/opendesign/src/date-picker/picker-date.ts
+++ /dev/null
@@ -1,140 +0,0 @@
-import { isUndefined, isFunction, isNumber, isValidDate } from '../_utils/is';
-
-interface DateT {
-  year?: number;
-  month?: number;
-  dayOfweek?: number;
-  day?: number;
-  hour?: number;
-  minute?: number;
-  second?: number;
-}
-
-export class PickerDate {
-  private _cache: DateT;
-  private _date: Date;
-  private _onChange?: (d: PickerDate) => void;
-  constructor(date?: string | number | Date | null, onChange?: (d: PickerDate) => void) {
-    if (!date) {
-      this._date = new Date(NaN);
-    } else {
-      this._date = new Date(date);
-    }
-    this._cache = {};
-    this._onChange = onChange;
-  }
-
-  set(value: { year?: number; month?: number; day?: number; hour?: number; minute?: number; second?: number }, defaultValue?: Date) {
-    const { year = this.year, month = this.month, day = this.day, hour = this.hour, minute = this.minute, second = this.second } = value;
-    const now = new Date(new Date().setHours(0, 0, 0, 0));
-
-    const def = defaultValue && isValidDate(defaultValue) ? defaultValue : now;
-    const y = !isNumber(year) ? def.getFullYear() : year;
-    const m = !isNumber(month) ? def.getMonth() : month;
-    const d = !isNumber(day) ? def.getDate() : day;
-
-    const h = !isNumber(hour) ? def.getHours() : hour;
-    const mt = !isNumber(minute) ? def.getMinutes() : minute;
-    const s = !isNumber(second) ? def.getSeconds() : second;
-
-    const last = this._date.getTime();
-    this._date = new Date(y, m, d, h, mt, s);
-
-    if (last !== this._date.getTime()) {
-      this._cache = {};
-
-      if (isFunction(this._onChange)) {
-        this._onChange(this);
-      }
-    }
-    return this;
-  }
-
-  get valid(): Boolean {
-    return isValidDate(this._date);
-  }
-
-  get date(): Date {
-    return this._date;
-  }
-
-  set date(date: Date | null) {
-    const last = this._date.getTime();
-    this._date = date ?? new Date(NaN);
-
-    if (last !== this._date.getTime()) {
-      this._cache = {};
-
-      if (isFunction(this._onChange)) {
-        this._onChange(this);
-      }
-    }
-  }
-
-  // year
-  get year(): number {
-    if (isUndefined(this._cache.year)) {
-      this._cache.year = this._date.getFullYear();
-    }
-    return this._cache.year;
-  }
-  set year(value: number) {
-    this.set({ year: value });
-  }
-
-  // month
-  get month(): number {
-    if (isUndefined(this._cache.month)) {
-      const m = this._date.getMonth();
-      this._cache.month = m;
-    }
-    return this._cache.month;
-  }
-  set month(value: number) {
-    this.set({ month: value });
-  }
-
-  // day
-  get day(): number {
-    if (isUndefined(this._cache.day)) {
-      this._cache.day = this._date.getDate();
-    }
-    return this._cache.day;
-  }
-  set day(value: number) {
-    this.set({ day: value });
-  }
-
-  // hour
-  get hour(): number {
-    if (isUndefined(this._cache.hour)) {
-      this._cache.hour = this._date.getHours();
-    }
-    return this._cache.hour;
-  }
-  set hour(value: number) {
-    this.set({ hour: value });
-  }
-
-  // minute
-  get minute(): number {
-    if (isUndefined(this._cache.minute)) {
-      this._cache.minute = this._date.getMinutes();
-    }
-    return this._cache.minute;
-  }
-  set minute(value: number) {
-    this.set({ minute: value });
-  }
-
-  // second
-  get second(): number {
-    if (isUndefined(this._cache.second)) {
-      this._cache.second = this._date.getSeconds();
-    }
-    return this._cache.second;
-  }
-  set second(value: number) {
-    this.set({ second: value });
-  }
-}
diff --git a/packages/opendesign/src/date-picker/picker/DayPicker.vue b/packages/opendesign/src/date-picker/picker/DayPicker.vue
deleted file mode 100644
index c0b1f4a22eaccad965cb69957bc0b79864ca8239..0000000000000000000000000000000000000000
--- a/packages/opendesign/src/date-picker/picker/DayPicker.vue
+++ /dev/null
@@ -1,219 +0,0 @@
-<script setup lang="ts">
-import { computed, ref, watch, watchEffect } from 'vue';
-import { Labels, getDateRangeStatus, isSameDay, isSameMonth } from '../date';
-import type { DateRangeT } from '../date';
-import { chunk } from '../../_utils/helper';
-import { getWeeksByDate } from '../../_utils/date';
-import { isFunction } from '../../_utils/is';
-import { PickerDate } from '../picker-date';
-import { OScroller } from '../../scrollbar';
-import { DayCellT, DisaplyDayListT } from '../types';
-
-export interface DayValueT {
-  year?: number;
-  month?: number;
-  day?: number;
-}
-
-interface CellT {
-  data: {
-    year: number;
-    month: number;
-    day: number;
-  };
-  isNow: boolean;
-  outView: boolean;
-  disabled: boolean;
-  rangeStatus?: {
-    in: boolean;
-    start: boolean;
-    end: boolean;
-  } | null;
-}
-
-const props = withDefaults(
-  defineProps<{
-    value: Date;
-    viewValue: Date;
-    visible: boolean;
-    yearSelectable?: boolean;
-    monthSelectable?: boolean;
-    disableCell: (cell: DayCellT) => boolean;
-    displayDayList?: DisaplyDayListT;
-  }>(),
-  {
-    value: undefined,
-    yearSelectable: true,
-    monthSelectable: true,
-    displayDayList: undefined,
-  }
-);
-
-const emits = defineEmits<{
-  (e: 'update:value', value: DayValueT): void;
-  (e: 'select', value: DayValueT, evt?: Event): void;
-}>();
-
-const today = new PickerDate(new Date());
-const viewValue = computed(() => new PickerDate(props.viewValue));
-const inValue = new PickerDate(props.value);
-
-const selectValue = ref<DayValueT>({
-  year: inValue.year,
-  month: inValue.month,
-  day: inValue.day,
-});
-
-const selectRange = ref<DateRangeT>({
-  start: new PickerDate(new Date()),
-  end: new PickerDate(new Date(new Date().getTime() + 7 * 24 * 60 * 60 * 1000)),
-});
-
-const dayList = ref<CellT[][]>([]);
-// 当前面板显示的年月
-const currentViewMonth = {
-  year: 0,
-  month: 0,
-};
-const column = 7; //一周七天
-
-function getDaysofMonth(
-  year: number,
-  month: number
-): Array<{
-  year: number;
-  month: number;
-  day: number;
-  label: string;
-}> {
-  // 获取该月第一天
-  const mDate = new Date(year, month, 1);
-  // 以该月第一周开始，获取weekLength周的日期列表
-
-  return getWeeksByDate(mDate, 6, {
-    parse: (d: Date) => {
-      return {
-        year: d.getFullYear(),
-        month: d.getMonth(),
-        day: d.getDate(),
-        label: `${d.getDate()}`,
-      };
-    },
-  });
-}
-
-const updateViewDays = (year: number, month: number) => {
-  if ((currentViewMonth.year === year || Number.isNaN(year)) && (currentViewMonth.month === month || Number.isNaN(month))) {
-    return;
-  }
-  currentViewMonth.year = year;
-  currentViewMonth.month = month;
-
-  const dList = isFunction(props.displayDayList)
-    ? props.displayDayList(currentViewMonth.year, currentViewMonth.month)
-    : getDaysofMonth(currentViewMonth.year, currentViewMonth.month);
-
-  const list = dList.map((item) => {
-    const data = {
-      year: item.year,
-      month: item.month,
-      day: item.day,
-    };
-    const isOutView = !isSameMonth(data, currentViewMonth);
-
-    const pd = new PickerDate(new Date());
-    pd.set(data);
-
-    return {
-      data,
-      outView: isOutView,
-      isNow: isSameDay(item, today),
-      // rangeStatus: !isOutView ? getDateRangeStatus(pd, selectRange.value as DateRangeT) : null,
-      disabled: isOutView ? false : props.disableCell(data),
-    };
-  });
-  dayList.value = chunk(list, column);
-};
-
-watchEffect(() => updateViewDays(viewValue.value.year, viewValue.value.month));
-
-watch(
-  () => props.value,
-  (v: Date) => {
-    inValue.date = v;
-    selectValue.value = {
-      year: inValue.year,
-      month: inValue.month,
-      day: inValue.day,
-    };
-
-    updateViewDays(currentViewMonth.year, currentViewMonth.month);
-  }
-);
-
-const onDayCellClick = (cell: CellT, e: Event) => {
-  if (cell.disabled) {
-    return;
-  }
-
-  const { year, month, day } = cell.data;
-
-  if (selectValue.value.year !== year || selectValue.value.month !== month || selectValue.value.day !== day) {
-    selectValue.value = cell.data;
-    emits('update:value', selectValue.value);
-  }
-
-  emits('select', cell.data, e);
-
-  if (cell.outView) {
-    updateViewDays(cell.data.year, cell.data.month);
-  }
-};
-</script>
-<template>
-  <OScroller
-    size="small"
-    class="o-picker-date"
-    show-type="hover"
-    :class="{
-      'o-picker-hidden': !props.visible,
-    }"
-  >
-    <div
-      class="o-picker-row"
-      :style="{
-        '--column': column,
-      }"
-    >
-      <div v-for="item in Labels.weeks" :key="item" class="o-picker-cell o-pd-cell-week">{{ item }}</div>
-    </div>
-    <div
-      v-for="(week, idx) in dayList"
-      :key="idx"
-      class="o-picker-row"
-      :style="{
-        '--column': column,
-      }"
-    >
-      <div
-        v-for="item in week"
-        :key="item.data.day"
-        class="o-picker-cell o-pd-cell"
-        :class="{
-          'o-picker-cell-selected': isSameDay(item.data, selectValue),
-          'o-picker-cell-range-start': item.rangeStatus?.start,
-          'o-picker-cell-in-range': item.rangeStatus?.in,
-          'o-picker-cell-range-end': item.rangeStatus?.end,
-          'o-picker-cell-out-view': item.outView,
-          'o-picker-cell-now': item.isNow,
-          'o-picker-cell-disabled': item.disabled,
-        }"
-        @click="(e) => onDayCellClick(item, e)"
-      >
-        <div class="o-picker-cell-val o-pd-cell-val">
-          <slot name="day-cell" v-bind="item">{{ item.data.day }}</slot>
-        </div>
-      </div>
-    </div>
-  </OScroller>
-</template>
diff --git a/packages/opendesign/src/date-picker/picker/MonthPicker.vue b/packages/opendesign/src/date-picker/picker/MonthPicker.vue
deleted file mode 100644
index cda8b2197cce7b444bf44d735ebc9c77b9d99080..0000000000000000000000000000000000000000
--- a/packages/opendesign/src/date-picker/picker/MonthPicker.vue
+++ /dev/null
@@ -1,158 +0,0 @@
-<script setup lang="ts">
-import { computed, ref, watch, watchEffect } from 'vue';
-import { OScroller } from '../../scrollbar';
-import { chunk } from '../../_utils/helper';
-import { isFunction } from '../../_utils/is';
-import { Labels, isSameMonth } from '../date';
-import { PickerDate } from '../picker-date';
-import { DisaplyMonthListT, MonthCellT } from '../types';
-
-export interface MonthValueT {
-  year?: number;
-  month?: number;
-}
-
-interface CellT {
-  data: {
-    year: number;
-    month: number;
-  };
-  monthLabel: string;
-  isNow: boolean;
-  disabled: boolean;
-}
-
-const props = withDefaults(
-  defineProps<{
-    visible: boolean;
-    value: Date;
-    viewValue: Date;
-    column?: number;
-    disableCell: (cell: MonthCellT) => boolean;
-    displayMonthList?: DisaplyMonthListT;
-  }>(),
-  {
-    value: undefined,
-    column: 3,
-    displayMonthList: undefined,
-  }
-);
-
-const emits = defineEmits<{
-  (e: 'update:value', value: MonthValueT): void;
-  (e: 'select', value: MonthValueT): void;
-}>();
-
-const today = new PickerDate(new Date());
-
-const viewValue = computed(() => new PickerDate(props.viewValue));
-const inValue = new PickerDate(props.value);
-const selectValue = ref<MonthValueT>({
-  year: inValue.year,
-  month: inValue.month,
-});
-
-const monthList = ref<CellT[][]>([]);
-let currentViewYear = 0;
-
-const getMonthList = (year?: number) => {
-  return Labels.months.map((item, idx) => {
-    return {
-      year,
-      month: idx,
-      label: item,
-    };
-  });
-};
-
-const updateViewMonths = (year: number) => {
-  if (currentViewYear === year || Number.isNaN(year)) {
-    return;
-  }
-  currentViewYear = year;
-
-  const mlist = isFunction(props.displayMonthList) ? props.displayMonthList(currentViewYear) : getMonthList(currentViewYear);
-
-  const list = mlist.map((item) => {
-    const data = {
-      year: item.year,
-      month: item.month,
-    };
-
-    return {
-      data,
-      isNow: isSameMonth(data, today),
-      monthLabel: item.label,
-      disabled: props.disableCell(data),
-    };
-  });
-
-  monthList.value = chunk(list, props.column);
-};
-
-watchEffect(() => updateViewMonths(viewValue.value.year));
-
-watch(
-  () => props.value,
-  (v: Date) => {
-    inValue.date = v;
-
-    selectValue.value = {
-      year: inValue.year,
-      month: inValue.month,
-    };
-
-    updateViewMonths(inValue.year);
-  }
-);
-
-const selectCell = (cell: CellT) => {
-  if (cell.disabled) {
-    return;
-  }
-
-  const { year, month } = cell.data;
-
-  if (selectValue.value.year !== year || selectValue.value.month !== month) {
-    selectValue.value = cell.data;
-    emits('update:value', selectValue.value);
-  }
-
-  emits('select', cell.data);
-};
-</script>
-<template>
-  <OScroller
-    size="small"
-    class="o-picker-month"
-    show-type="hover"
-    :class="{
-      'o-picker-hidden': !props.visible,
-    }"
-  >
-    <div
-      v-for="(row, idx) in monthList"
-      :key="idx"
-      class="o-picker-row"
-      :style="{
-        '--column': props.column,
-      }"
-    >
-      <div
-        v-for="item in row"
-        :key="item.data.month"
-        class="o-picker-cell o-pm-cell"
-        :class="{
-          'o-picker-cell-selected': isSameMonth(item.data, selectValue),
-          'o-picker-cell-now': item.isNow,
-          'o-picker-cell-disabled': item.disabled,
-        }"
-        @click="(e) => selectCell(item)"
-      >
-        <div class="o-picker-cell-val">
-          <slot name="cell-month" v-bind="item">{{ item.monthLabel }}</slot>
-        </div>
-      </div>
-    </div>
-  </OScroller>
-</template>
diff --git a/packages/opendesign/src/date-picker/picker/TimePicker.vue b/packages/opendesign/src/date-picker/picker/TimePicker.vue
deleted file mode 100644
index 456189b92b8d12acb72ab0aaa2ab01d9ee9de6ba..0000000000000000000000000000000000000000
--- a/packages/opendesign/src/date-picker/picker/TimePicker.vue
+++ /dev/null
@@ -1,242 +0,0 @@
-<script setup lang="ts">
-import { ref, watch, nextTick, computed, onMounted, watchEffect } from 'vue';
-import { OScroller } from '../../scrollbar';
-import { isFunction } from '../../_utils/is';
-import { getNumberList, isSameDay, scrollSelectOrNowCellInToView } from '../date';
-import { PickerDate } from '../picker-date';
-import { DisaplyTimeListT, disableTimeCellT } from '../types';
-
-// TODO: 1. 时间选择禁用，时分秒相互影响禁用状态； 2. 禁用的时间在属性传入时怎么避免选中？
-
-export interface TimeValueT {
-  hour?: number;
-  minute?: number;
-  second?: number;
-}
-
-interface CellT {
-  value: number;
-  label: string;
-  disabled: boolean;
-}
-
-const props = withDefaults(
-  defineProps<{
-    value: Date;
-    viewValue: Date;
-    hideHour?: boolean;
-    hideMinute?: boolean;
-    hideSecond?: boolean;
-    viewAlign?: 'top' | 'bottom' | 'center';
-    disableCell: disableTimeCellT;
-    displayHourList?: DisaplyTimeListT;
-    displayMinuteList?: DisaplyTimeListT;
-    displaySecondList?: DisaplyTimeListT;
-  }>(),
-  {
-    value: undefined,
-    viewAlign: 'top',
-    showValue: true,
-    displayHourList: undefined,
-    displayMinuteList: undefined,
-    displaySecondList: undefined,
-  }
-);
-
-const emits = defineEmits<{
-  (e: 'update:value', value: TimeValueT): void;
-  (e: 'select', value: TimeValueT): void;
-}>();
-
-const rootEl = ref<HTMLElement>();
-const columns = computed(() => {
-  let cols = 3;
-  if (props.hideHour) {
-    cols -= 1;
-  }
-  if (props.hideMinute) {
-    cols -= 1;
-  }
-  if (props.hideSecond) {
-    cols -= 1;
-  }
-  return cols;
-});
-const inValue = new PickerDate(props.value);
-const currentDate = new PickerDate();
-
-const selectValue = ref<TimeValueT>({
-  hour: inValue.hour,
-  minute: inValue.minute,
-  second: inValue.second,
-});
-
-// 是否传入参数为全部隐藏，如果是，则默认都展示
-const hideAll = computed(() => props.hideHour && props.hideMinute && props.hideSecond);
-
-const hScrollRef = ref<InstanceType<typeof OScroller>>();
-const mScrollRef = ref<InstanceType<typeof OScroller>>();
-const sScrollRef = ref<InstanceType<typeof OScroller>>();
-const alinClass = computed(() => `o-pt-col-align-${props.viewAlign}`);
-
-/**
- * 处理时间列表
- */
-const hourList = ref<CellT[]>();
-const minuteList = ref<CellT[]>();
-const secondList = ref<CellT[]>();
-
-const getTimeList = (date: Date) => {
-  const pd = new PickerDate(date);
-  if (isSameDay(pd, currentDate)) {
-    return;
-  }
-  currentDate.date = pd.date;
-
-  const hlist = isFunction(props.displayHourList)
-    ? props.displayHourList(date)
-    : getNumberList(0, 24, (v: number) => ({
-        value: v,
-        label: v.toString().padStart(2, '0'),
-      }));
-
-  const mlist = isFunction(props.displayHourList)
-    ? props.displayHourList(date)
-    : getNumberList(0, 60, (v: number) => ({
-        value: v,
-        label: v.toString().padStart(2, '0'),
-      }));
-
-  const slist = isFunction(props.displayHourList)
-    ? props.displayHourList(date)
-    : getNumberList(0, 60, (v: number) => ({
-        value: v,
-        label: v.toString().padStart(2, '0'),
-        disabled: props.disableCell(v, 'second'),
-      }));
-
-  hourList.value = hlist.map((item) => ({
-    ...item,
-    disabled: props.disableCell(item.value, 'hour'),
-  }));
-
-  minuteList.value = mlist.map((item) => ({
-    ...item,
-    disabled: props.disableCell(item.value, 'minute'),
-  }));
-  secondList.value = slist.map((item) => ({
-    ...item,
-    disabled: props.disableCell(item.value, 'second'),
-  }));
-};
-
-watchEffect(() => getTimeList(props.viewValue));
-
-const scrollAllCellToTop = (smooth: boolean = true) => {
-  nextTick(() => {
-    scrollSelectOrNowCellInToView(hScrollRef.value, { smooth });
-    scrollSelectOrNowCellInToView(mScrollRef.value, { smooth });
-    scrollSelectOrNowCellInToView(sScrollRef.value, { smooth });
-  });
-};
-
-watch(
-  () => props.value,
-  (v: Date) => {
-    inValue.date = v;
-
-    selectValue.value = {
-      hour: inValue.hour,
-      minute: inValue.minute,
-      second: inValue.second,
-    };
-    scrollAllCellToTop();
-  },
-  { immediate: true }
-);
-
-const selectCell = (cell: CellT, type: keyof TimeValueT) => {
-  if (cell.disabled) {
-    return;
-  }
-
-  selectValue.value[type] = cell.value;
-
-  emits('select', selectValue.value);
-  emits('update:value', selectValue.value);
-
-  scrollAllCellToTop();
-};
-
-const cellHeight = ref('34px');
-onMounted(() => {
-  scrollAllCellToTop(false);
-
-  // 获取cell高度，撑高容器，滚动到顶部
-  if (rootEl.value) {
-    const cell = rootEl.value.querySelector('.o-picker-cell');
-    if (cell) {
-      cellHeight.value = `${cell.clientHeight}px`;
-    }
-  }
-});
-</script>
-<template>
-  <div
-    ref="rootEl"
-    class="o-picker-time"
-    :style="{
-      '--cell-height': cellHeight,
-      '--columns': columns,
-    }"
-  >
-    <OScroller v-if="!props.hideHour || hideAll" ref="hScrollRef" class="o-pt-col-wrap o-pt-hour" size="small" :wrap-class="[alinClass, 'o-pt-col']">
-      <div
-        v-for="item in hourList"
-        :key="item.value"
-        class="o-picker-cell o-pt-cell"
-        :class="{
-          'o-picker-cell-selected': selectValue.hour === item.value,
-          'o-picker-cell-disabled': item.disabled,
-        }"
-        @click="(e) => selectCell(item, 'hour')"
-      >
-        <div class="o-picker-cell-val">
-          <slot name="cell-hour" v-bind="item">{{ item.label }}</slot>
-        </div>
-      </div>
-    </OScroller>
-    <OScroller v-if="!props.hideMinute || hideAll" ref="mScrollRef" class="o-pt-col-wrap o-pt-minute" size="small" :wrap-class="[alinClass, 'o-pt-col']">
-      <div
-        v-for="item in minuteList"
-        :key="item.value"
-        class="o-picker-cell o-pt-cell"
-        :class="{
-          'o-picker-cell-selected': selectValue.minute === item.value,
-          'o-picker-cell-disabled': item.disabled,
-        }"
-        @click="(e) => selectCell(item, 'minute')"
-      >
-        <div class="o-picker-cell-val">
-          <slot name="cell-minute" v-bind="item">{{ item.label }}</slot>
-        </div>
-      </div>
-    </OScroller>
-    <OScroller v-if="!props.hideSecond || hideAll" ref="sScrollRef" class="o-pt-col-wrap o-pt-second" size="small" :wrap-class="[alinClass, 'o-pt-col']">
-      <div
-        v-for="item in secondList"
-        :key="item.value"
-        class="o-picker-cell o-pt-cell"
-        :class="{
-          'o-picker-cell-selected': selectValue.second === item.value,
-          'o-picker-cell-disabled': item.disabled,
-        }"
-        @click="(e) => selectCell(item, 'second')"
-      >
-        <div class="o-picker-cell-val">
-          <slot name="cell-second" v-bind="item">{{ item.label }}</slot>
-        </div>
-      </div>
-    </OScroller>
-  </div>
-</template>
diff --git a/packages/opendesign/src/date-picker/picker/YearPicker.vue b/packages/opendesign/src/date-picker/picker/YearPicker.vue
deleted file mode 100644
index 61851ab602cfa6044089850f3b33e8154eb9662f..0000000000000000000000000000000000000000
--- a/packages/opendesign/src/date-picker/picker/YearPicker.vue
+++ /dev/null
@@ -1,166 +0,0 @@
-<script setup lang="ts">
-import { nextTick, onMounted, ref, watch } from 'vue';
-import { OScroller } from '../../scrollbar';
-import { chunk } from '../../_utils/helper';
-import { PickerDate } from '../picker-date';
-import { isFunction } from '../../_utils/is';
-import { scrollSelectOrNowCellInToView } from '../date';
-import { DisaplyYearListT, YearCellT } from '../types';
-
-interface CellT {
-  data: {
-    year: number;
-  };
-  label: string;
-  isNow: boolean;
-  disabled: boolean;
-}
-
-const props = withDefaults(
-  defineProps<{
-    visible: boolean;
-    value: Date;
-    column?: number;
-    disableCell: (cell: YearCellT) => boolean;
-    displayYearList?: DisaplyYearListT;
-  }>(),
-  {
-    value: undefined,
-    column: 3,
-    displayYearList: undefined,
-  }
-);
-
-const emits = defineEmits<{
-  (e: 'update:value', value: number): void;
-  (e: 'select', value: number): void;
-}>();
-
-const inValue = new PickerDate(props.value);
-const selectValue = ref<number>(inValue.year);
-const yearList = ref<CellT[][]>([]);
-
-const hScrollRef = ref<InstanceType<typeof OScroller>>();
-const scrollIntoView = (smooth?: boolean) => {
-  nextTick(() => {
-    scrollSelectOrNowCellInToView(hScrollRef.value, {
-      smooth,
-      align: 'center',
-    });
-  });
-};
-
-const getYearList = (year: number) => {
-  const start = year - (year % 100) - 100;
-
-  const list: Array<{ year: number; label: string }> = [];
-  for (let i = 0; i < 201; i++) {
-    list.push({
-      year: i + start,
-      label: `${i + start}`,
-    });
-  }
-  return list;
-};
-
-const updateViewYears = (year: number) => {
-  const nowYear = new Date().getFullYear();
-  const cy = Number.isNaN(year) ? nowYear : year;
-
-  const yl = isFunction(props.displayYearList) ? props.displayYearList(cy) : getYearList(cy);
-
-  const list = yl.map((item) => {
-    const data = {
-      year: item.year,
-    };
-    return {
-      data,
-      label: item.label,
-      isNow: item.year === nowYear,
-      disabled: props.disableCell(data),
-    };
-  });
-
-  yearList.value = chunk(list, props.column);
-};
-
-updateViewYears(inValue.year);
-
-watch(
-  () => props.value,
-  (v: Date) => {
-    inValue.date = v;
-    if (selectValue.value !== inValue.year) {
-      selectValue.value = inValue.year;
-      scrollIntoView(true);
-    }
-  }
-);
-
-const selectCell = (cell: CellT) => {
-  if (cell.disabled) {
-    return;
-  }
-
-  const { year } = cell.data;
-
-  if (year !== selectValue.value) {
-    selectValue.value = year;
-
-    emits('update:value', selectValue.value);
-  }
-  emits('select', year);
-};
-
-watch(
-  () => props.visible,
-  (v) => {
-    selectValue.value = inValue.year;
-    if (v) {
-      scrollIntoView();
-    }
-  }
-);
-
-onMounted(() => {
-  scrollIntoView();
-});
-</script>
-<template>
-  <OScroller
-    ref="hScrollRef"
-    size="small"
-    class="o-picker-year"
-    show-type="hover"
-    :class="{
-      'o-picker-hidden': !props.visible,
-    }"
-  >
-    <div class="more-top"></div>
-    <div
-      v-for="(row, idx) in yearList"
-      :key="idx"
-      class="o-picker-row"
-      :style="{
-        '--column': props.column,
-      }"
-    >
-      <div
-        v-for="item in row"
-        :key="item.data.year"
-        class="o-picker-cell o-py-cell"
-        :class="{
-          'o-picker-cell-selected': selectValue === item.data.year,
-          'o-picker-cell-now': item.isNow,
-          'o-picker-cell-disabled': item.disabled,
-        }"
-        @click="(e) => selectCell(item)"
-      >
-        <div class="o-picker-cell-val">
-          <slot name="cell-year" v-bind="item">{{ item.label }}</slot>
-        </div>
-      </div>
-    </div>
-    <div class="more-bottom"></div>
-  </OScroller>
-</template>
diff --git a/packages/opendesign/src/date-picker/style/index.scss b/packages/opendesign/src/date-picker/style/index.scss
deleted file mode 100644
index 1ea415d706e85b719bd6440bd2347921e36e4833..0000000000000000000000000000000000000000
--- a/packages/opendesign/src/date-picker/style/index.scss
+++ /dev/null
@@ -1,18 +0,0 @@
-@use '../../_styles/mixin.scss' as *;
-@use './var.scss';
-
-.o-dp-icon {
-  display: flex;
-  align-items: center;
-  font-size: var(--icon-size);
-  color: var(--icon-color);
-}
-
-.o-range-separator {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.o-range-separator-line {
-  margin: 0 8px;
-}
diff --git a/packages/opendesign/src/date-picker/style/index.ts b/packages/opendesign/src/date-picker/style/index.ts
deleted file mode 100644
index 88c36c964a78a1a9db457288f62b5169c54cfdf7..0000000000000000000000000000000000000000
--- a/packages/opendesign/src/date-picker/style/index.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import '../../_styles';
-import '../../_components/inner-frame/style';
-import '../../_components/inner-input/style';
-import '../../_components/in-input/style';
-import '../../_components/inner-panel/style';
-import '../../button/style';
-import '../../link/style';
-import '../../icon/style';
-import '../../scrollbar/style';
-import './index.scss';
-import './pane.scss';
diff --git a/packages/opendesign/src/date-picker/style/pane.scss b/packages/opendesign/src/date-picker/style/pane.scss
deleted file mode 100644
index 16170605cc7914f9c5abfddd381f945f90fb9ae9..0000000000000000000000000000000000000000
--- a/packages/opendesign/src/date-picker/style/pane.scss
+++ /dev/null
@@ -1,320 +0,0 @@
-@use '../../_styles/mixin.scss' as *;
-@use './var.scss';
-
-.o-picker-hidden {
-  display: none;
-}
-.o-picker-pane {
-  color: var(--picker-panel-color);
-  font-size: var(--picker-panel-text-size);
-  line-height: var(--picker-panel-text-height);
-}
-.o-picker-main-wrap {
-  display: flex;
-  justify-content: center;
-}
-.o-picker-main {
-  display: flex;
-  justify-content: center;
-  max-height: 321px;
-}
-.o-picker-main-date {
-  flex-shrink: 0;
-}
-.o-picker-pane-year {
-  height: var(--picker-pane-year-height);
-  width: var(--picker-pane-year-width);
-}
-.o-picker-pane-month {
-  width: var(--picker-pane-month-width);
-  height: var(--picker-pane-month-height);
-}
-.o-picker-pane-date {
-  width: var(--picker-pane-date-width);
-  height: var(--picker-pane-date-height);
-}
-.o-picker-pane-time {
-  height: var(--picker-pane-time-height);
-}
-
-.o-picker-row {
-  display: flex;
-  flex-wrap: wrap;
-}
-.o-picker-cell {
-  text-align: center;
-  cursor: pointer;
-  --cell-today-size: 4px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex: 1;
-  padding: 4px;
-  margin: 2px 0;
-  flex: calc(100% / var(--column)) 0 0;
-
-  &:hover {
-    --picker-cell-val-bg-color: var(--picker-cell-bg-color-hover);
-  }
-}
-.o-picker-cell-val {
-  padding: 0 8px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  border-radius: 24px;
-  background-color: var(--picker-cell-val-bg-color);
-  flex: 0;
-  white-space: nowrap;
-
-  transition: all var(--o-easing-standard) var(--o-duration-m2);
-}
-
-.o-range-picker-pane {
-  .o-picker-cell-val {
-    flex: 1;
-  }
-}
-
-.o-picker-cell-range-start,
-.o-picker-cell-range-end,
-.o-picker-cell-selected {
-  @include me-hover {
-    color: var(--picker-cell-color-selected);
-    --picker-cell-val-bg-color: var(--picker-cell-bg-color-selected);
-  }
-
-  .o-picker-selecting & {
-    color: var(--picker-cell-color-selecting);
-    --picker-cell-val-bg-color: var(--picker-cell-bg-color-selecting);
-  }
-}
-.o-picker-cell-in-range {
-  background-color: var(--picker-cell-in-range-bg-color);
-  .o-picker-cell-val {
-    flex: 1;
-  }
-}
-.o-picker-cell-range-start {
-  border-top-left-radius: var(--picker-cell-radius-selected);
-  border-bottom-left-radius: var(--picker-cell-radius-selected);
-  background-color: var(--picker-cell-in-range-bg-color);
-  .o-picker-cell-val {
-    flex: 1;
-  }
-}
-
-.o-picker-cell-range-end {
-  border-top-right-radius: var(--picker-cell-radius-selected);
-  border-bottom-right-radius: var(--picker-cell-radius-selected);
-  background-color: var(--picker-cell-in-range-bg-color);
-  .o-picker-cell-val {
-    flex: 1;
-  }
-}
-
-.o-picker-cell-now {
-  position: relative;
-  &::after {
-    content: '';
-    border-radius: 50%;
-    width: var(--picker-cell-today-size);
-    height: var(--picker-cell-today-size);
-    background-color: var(--picker-cell-today-dot-color);
-    position: absolute;
-    left: 50%;
-    bottom: calc(-0.5 * var(--picker-cell-today-size));
-    margin-left: calc(-0.5 * var(--picker-cell-today-size));
-  }
-}
-
-.o-picker-cell-out-view {
-  @include me-hover {
-    color: var(--picker-panel-color-out);
-    --picker-cell-val-bg-color: transparent;
-  }
-}
-
-.o-picker-cell-disabled {
-  @include me-hover {
-    color: var(--picker-panel-color-out);
-    --picker-cell-val-bg-color: transparent;
-    cursor: not-allowed;
-  }
-  .o-picker-selecting & {
-    color: var(--picker-panel-color-out);
-    --picker-cell-val-bg-color: transparent;
-    cursor: not-allowed;
-  }
-}
-
-// head
-.o-picker-head {
-  display: flex;
-  align-items: center;
-  height: var(--picker-head-height);
-  padding: 12px 24px;
-  flex-shrink: 0;
-  border-bottom: 1px solid var(--o-color-control1-light);
-}
-.o-picker-head-value {
-  flex: 1;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-
-.o-picker-head-btns {
-  display: flex;
-  align-items: center;
-  user-select: none;
-}
-
-.o-picker-head-btn {
-  --icon-size: var(--picker-panel-icon-size);
-  + .o-picker-head-btn {
-    margin-left: 4px;
-  }
-}
-
-.o-picker-head-year,
-.o-picker-head-month {
-  cursor: pointer;
-  @include hover {
-    color: var(--picker-link-color-hover);
-  }
-}
-.o-picker-head-month {
-  .o-picker-head-year + & {
-    margin-left: 8px;
-  }
-}
-.o-picker-head-time {
-  width: var();
-}
-
-// pane foot
-.o-picker-foot {
-  padding: 12px 16px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  border-top: 1px solid var(--o-color-control1-light);
-  justify-content: space-between;
-
-  &.has-confirm {
-    justify-content: space-between;
-  }
-}
-
-.o-picker-extra {
-  border-top: 1px solid var(--o-color-control1-light);
-}
-
-.o-picker-shortcut {
-  display: flex;
-  flex-wrap: wrap;
-}
-.o-picker-shortcut-item {
-  margin-right: 4px;
-}
-.o-picker-shortcut-btn {
-  margin-left: 4px;
-  &:first-child {
-    margin-left: 0;
-  }
-}
-
-// year pane
-.o-picker-year {
-  padding: 4px;
-}
-
-// month pane
-.o-picker-month {
-  padding: 4px;
-}
-
-// date pane
-.o-picker-date {
-  padding: 10px 16px;
-}
-
-.o-pd-cell-week {
-  cursor: default;
-  color: var(--o-color-info3);
-}
-.o-pd-cell-val {
-  flex: 1;
-}
-
-// time pane
-.o-picker-time {
-  display: flex;
-}
-
-// time pane
-.o-picker-main-time {
-  flex: 1;
-  &:not(:first-child) {
-    border-left: var(--picker-col-bd);
-  }
-}
-.o-picker-time {
-  display: flex;
-}
-
-.o-pt-col-wrap {
-  flex: 1;
-  height: 100%;
-  + .o-pt-col-wrap {
-    position: relative;
-    &::before {
-      content: '';
-      position: absolute;
-      left: 0;
-      top: 2px;
-      bottom: 2px;
-      border-left: var(--picker-col-bd);
-    }
-  }
-}
-.o-pt-col {
-  flex: 1;
-  min-width: var(--picker-pane-time-cell-width);
-}
-
-.o-pt-cell.o-picker-cell-selected:not(.o-picker-cell-disabled) {
-  @include me-hover {
-    color: var(--picker-time-cell-color-selected);
-    --picker-cell-val-bg-color: var(--picker-time-cell-bg-color-selected);
-  }
-}
-
-.o-pt-col-align-top {
-  &::after {
-    content: '';
-    display: block;
-    height: calc(100% - var(--cell-height));
-  }
-}
-.o-pt-col-align-bottom {
-  &::before {
-    content: '';
-    display: block;
-    height: calc(100% - var(--cell-height));
-  }
-}
-.o-pt-col-align-center {
-  --height: calc(50% - var(--cell-height) / 2);
-  &::before {
-    content: '';
-    display: block;
-    height: var(--height);
-  }
-  &::after {
-    content: '';
-    display: block;
-    height: var(--height);
-  }
-}
diff --git a/packages/opendesign/src/date-picker/style/var.scss b/packages/opendesign/src/date-picker/style/var.scss
deleted file mode 100644
index 15277f6dbceb1d4841751636684074fa5c75c64e..0000000000000000000000000000000000000000
--- a/packages/opendesign/src/date-picker/style/var.scss
+++ /dev/null
@@ -1,43 +0,0 @@
-.o-date-picker {
-}
-
-.o-date-picker-panel {
-  --picker-panel-color: var(--o-color-info1);
-  --picker-panel-color-out: var(--o-color-info4);
-
-  --picker-panel-icon-size: var(--o-icon_size_control-m);
-  --picker-panel-text-size: var(--o-font_size-text1);
-  --picker-panel-text-height: var(--o-line_height-text1);
-
-  --picker-cell-radius-selected: 24px;
-  --picker-cell-bg-color-hover: var(--o-color-control2-light);
-
-  --picker-cell-color-selected: var(--o-color-info1-inverse);
-  --picker-cell-bg-color-selected: var(--o-color-primary1);
-
-  --picker-cell-color-selecting: var(--o-color-info3);
-  --picker-cell-bg-color-selecting: var(--o-color-primary4);
-
-  --picker-cell-in-range-bg-color: var(--o-color-control4-light);
-
-  --picker-cell-today-size: 4px;
-  --picker-cell-today-dot-color: var(--o-color-primary1);
-
-  --picker-col-bd: 1px solid var(--o-color-control4);
-
-  --picker-time-cell-color-selected: var(--o-color-info1);
-  --picker-time-cell-bg-color-selected: var(--o-color-control3-light);
-
-  --picker-head-height: 48px;
-
-  --picker-pane-year-width: 256px;
-  --picker-pane-year-height: 256px;
-  --picker-pane-month-width: 312px;
-  --picker-pane-month-height: auto;
-  --picker-pane-date-width: 312px;
-  --picker-pane-date-height: auto;
-  --picker-pane-time-cell-width: 64px;
-  --picker-pane-time-height: 256px;
-
-  --picker-link-color-hover: var(--o-color-primary1);
-}
diff --git a/packages/opendesign/src/date-picker/types.ts b/packages/opendesign/src/date-picker/types.ts
deleted file mode 100644
index f85c8ae40d2c882f0af081eafa97d83f43ebcbcf..0000000000000000000000000000000000000000
--- a/packages/opendesign/src/date-picker/types.ts
+++ /dev/null
@@ -1,232 +0,0 @@
-import { ExtractPropTypes, PropType } from 'vue';
-import type { SizeT, RoundT, VariantT, Color2T } from '../_utils/types';
-import { PickerDate } from './picker-date';
-
-export interface ShortcutT {
-  label: string;
-  value: Date | (() => Date);
-}
-export type ReservedShortcutT = 'now';
-export type ShortcutParamT = ReservedShortcutT | ShortcutT;
-
-export const PickerModes = ['year', 'month', 'date', 'datetime', 'quarter', 'time'] as const;
-export type PickerModeT = (typeof PickerModes)[number];
-
-export const AllPickerModes = PickerModes.map((item) => `${item}-range`);
-export type ALLPickerModeT = (typeof AllPickerModes)[number];
-
-export type DisaplyYearListT = (year: number) => Array<{ year: number; label: string }>;
-
-export type DisaplyMonthListT = (year: number) => Array<{ year?: number; month: number; label: string }>;
-
-export type DisaplyDayListT = (year: number, month: number) => Array<{ year?: number; month?: number; day: number; label: string }>;
-
-export type DisaplyTimeListT = (date: Date) => Array<{ value: number; label: string }>;
-
-export interface YearCellT {
-  year: number;
-}
-export interface MonthCellT extends Partial<YearCellT> {
-  month: number;
-}
-export interface DayCellT extends Partial<MonthCellT> {
-  day: number;
-}
-
-export type disableYearCellT = (cell: YearCellT) => boolean;
-export type disableMonthCellT = (cell: MonthCellT) => boolean;
-export type disableDayCellT = (cell: DayCellT) => boolean;
-export type disableTimeCellT = (value: number, type: 'hour' | 'minute' | 'second') => boolean;
-
-export interface TimeValueT {
-  hours?: number;
-  minutes?: number;
-  seconds?: number;
-}
-
-const commonPickerProps = {
-  /**
-   * 选择器模式
-   */
-  mode: {
-    type: String as PropType<ALLPickerModeT>,
-    default: 'date',
-  },
-  /**
-   * 格式化字符串
-   */
-  formatString: {
-    type: String,
-  },
-  /**
-   * 大小 SizeT
-   */
-  size: {
-    type: String as PropType<SizeT>,
-  },
-  /**
-   * 圆角值 RoundT
-   */
-  round: {
-    type: String as PropType<RoundT>,
-  },
-  /**
-   * 颜色类型 Color2T
-   */
-  color: {
-    type: String as PropType<Color2T>,
-    default: 'normal',
-  },
-  /**
-   * 按钮类型 VariantT
-   */
-  variant: {
-    type: String as PropType<VariantT>,
-    default: 'outline',
-  },
-  /**
-   * 提示文本
-   */
-  placeholder: {
-    type: String,
-  },
-  /**
-   * 是否禁用
-   */
-  disabled: {
-    type: Boolean,
-  },
-  /**
-   * 是否只读
-   */
-  readonly: {
-    type: Boolean,
-  },
-  /**
-   * 是否可以清除
-   */
-  clearable: {
-    type: Boolean,
-    default: true,
-  },
-  /**
-   * 时间格式化为字符串函数
-   */
-  format: {
-    type: Function as PropType<(d: Date) => string>,
-  },
-  /**
-   * 时间字符串处理为时间函数
-   */
-  parse: {
-    type: Function as PropType<(d: string) => Date>,
-  },
-  /**
-   * 面板上的快捷按钮
-   */
-  shortcuts: {
-    type: [String, Object] as PropType<Array<ShortcutParamT>>,
-  },
-  /**
-   * 面板上是否显示确认按钮
-   */
-  needConfirm: {
-    type: Boolean,
-  },
-  /**
-   * 面板上确认按钮文本
-   */
-  confirmLabel: {
-    type: String,
-  },
-  /**
-   * 日期禁用
-   */
-  disableCell: {
-    type: Function as PropType<disableYearCellT | disableMonthCellT | disableDayCellT>,
-  },
-  /**
-   * 时间禁用
-   */
-  disableTimeCell: {
-    type: Function as PropType<disableTimeCellT>,
-  },
-  /**
-   * 时间禁用
-   */
-  disableTime: {
-    type: Function as PropType<(current: Date, type?: 'start' | 'end') => boolean>,
-  },
-  /****** month */
-  /**
-   * 是否支持选择年份
-   */
-  yearSelectable: {
-    type: Boolean,
-    default: true,
-  },
-  /**
-   * 是否支持选择年份
-   */
-  // monthSelectable: {
-  //   type: [Boolean],
-  //   default: true,
-  // },
-  /**
-   * 控制面板展示的年份
-   */
-  displayYearList: {
-    type: Function as PropType<(year: number) => Array<{ year: number; label: string }>>,
-  },
-  /**
-   * 控制面板展示的月份
-   */
-  displayMonthList: {
-    type: Function as PropType<(year: number) => Array<{ year?: number; month: number; label: string }>>,
-  },
-  /**
-   * 控制面板展示的月份
-   */
-  displayDayList: {
-    type: Function as PropType<(year: number, month: number) => Array<{ year?: number; month: number; day: number; label: string }>>,
-  },
-};
-
-export const datePickerProps = {
-  /**
-   * 值
-   * v-model
-   */
-  modelValue: {
-    type: [Date, String, Number] as PropType<Date | string | number>,
-  },
-  /**
-   * 默认值
-   */
-  defaultValue: {
-    type: [Date, String, Number] as PropType<Date | string | number>,
-  },
-  ...commonPickerProps,
-};
-
-export type DatePickerPropsT = ExtractPropTypes<typeof datePickerProps>;
-
-export const dateRangePickerProps = {
-  /**
-   * 值
-   * v-model
-   */
-  modelValue: {
-    type: Array as PropType<Array<Date | string | number>>,
-  },
-  /**
-   * 默认值
-   */
-  defaultValue: {
-    type: Array as PropType<Array<Date | string | number>>,
-  },
-  ...commonPickerProps,
-};
-export type DateRangePickerPropsT = ExtractPropTypes<typeof dateRangePickerProps>;
-
-export { PickerDate };
diff --git a/packages/portal/src/router.ts b/packages/portal/src/router.ts
index fcf60af54cb38720af4c77558ade370b2350440a..098fc730bd91434427070d8af614b66ced68287e 100644
--- a/packages/portal/src/router.ts
+++ b/packages/portal/src/router.ts
@@ -43,22 +43,6 @@ export const routes = [
       title: '全局配置 config-provider',
     },
   },
-  // {
-  //   path: '/date-picker',
-  //   name: 'DatePicker',
-  //   component: () => import('@opendesign-src/date-picker/__demo__/TheIndex.vue'),
-  //   meta: {
-  //     title: '日期选择器 DatePicker',
-  //   },
-  // },
-  {
-    path: '/date-picker',
-    name: 'DatePicker',
-    component: () => import('@opendesign-src/date-picker/__demo__/TheIndex.vue'),
-    meta: {
-      title: '日期选择器 DatePicker',
-    },
-  },
   {
     path: '/form',
     name: 'Form',
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 5ff2667293acfcbef4010bbf34c65240c6ec2072..8c34a8ba4aa51b5f58e4c3d864bfbf49bd61aa5c 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -37,10 +37,6 @@ catalogs:
     sass-embedded:
       specifier: ^1.83.4
       version: 1.83.4
-  date:
-    date-fns:
-      specifier: ^2.30.0
-      version: 2.30.0
   io:
     commander:
       specifier: ^13.1.0
@@ -252,9 +248,6 @@ importers:
 
   packages/opendesign:
     dependencies:
-      date-fns:
-        specifier: catalog:date
-        version: 2.30.0
       vue:
         specifier: ^3.3.0
         version: 3.5.13(typescript@5.8.2)
@@ -377,10 +370,6 @@ packages:
     engines: {node: '>=6.0.0'}
     hasBin: true
 
-  '@babel/runtime@7.26.7':
-    resolution: {integrity: sha512-AOPI3D+a8dXnja+iwsUqGRjr1BbZIe771sXdapOtYI531gSqpi92vXivKcq2asu/DFpdl1ceFAKZyRzK2PCVcQ==}
-    engines: {node: '>=6.9.0'}
-
   '@babel/types@7.28.0':
     resolution: {integrity: sha512-jYnje+JyZG5YThjHiF28oT4SIZLnYOcSBb6+SDaFIyzDVSkXQmQQYclJ2R+YxcdmK0AX6x1E5OQNtuh3jHDrUg==}
     engines: {node: '>=6.9.0'}
@@ -1304,10 +1293,6 @@ packages:
   csstype@3.1.3:
     resolution: {integrity: sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==}
 
-  date-fns@2.30.0:
-    resolution: {integrity: sha512-fnULvOpxnC5/Vg3NCiWelDsLiUc9bRwAPs/+LfTLNvetFCtCTN+yQz15C/fs4AwX1R9K5GLtLfn8QW+dWisaAw==}
-    engines: {node: '>=0.11'}
-
   de-indent@1.0.2:
     resolution: {integrity: sha512-e/1zu3xH5MQryN2zdVaF0OrdNLUbvWxzMbi+iNA6Bky7l1RoP8a2fIbRocyHclXt/arDrrR6lL3TqFD9pMQTsg==}
 
@@ -2024,9 +2009,6 @@ packages:
     resolution: {integrity: sha512-YTUo+Flmw4ZXiWfQKGcwwc11KnoRAYgzAE2E7mXKCjSviTKShtxBsN6YUUBB2gtaBzKzeKunxhUwNHQuRryhWA==}
     engines: {node: '>= 4'}
 
-  regenerator-runtime@0.14.1:
-    resolution: {integrity: sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw==}
-
   require-from-string@2.0.2:
     resolution: {integrity: sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==}
     engines: {node: '>=0.10.0'}
@@ -2578,10 +2560,6 @@ snapshots:
     dependencies:
       '@babel/types': 7.28.0
 
-  '@babel/runtime@7.26.7':
-    dependencies:
-      regenerator-runtime: 0.14.1
-
   '@babel/types@7.28.0':
     dependencies:
       '@babel/helper-string-parser': 7.27.1
@@ -3471,10 +3449,6 @@ snapshots:
 
   csstype@3.1.3: {}
 
-  date-fns@2.30.0:
-    dependencies:
-      '@babel/runtime': 7.26.7
-
   de-indent@1.0.2: {}
 
   debug@4.4.1:
@@ -4238,8 +4212,6 @@ snapshots:
       tiny-invariant: 1.3.3
       tslib: 2.8.1
 
-  regenerator-runtime@0.14.1: {}
-
   require-from-string@2.0.2: {}
 
   resolve-from@4.0.0: {}
diff --git a/pnpm-workspace.yaml b/pnpm-workspace.yaml
index d91d9927b97709a8fe3feea3080e08fda2fa8575..be8d7251058e552676c0c9fc862a229d7481bf36 100644
--- a/pnpm-workspace.yaml
+++ b/pnpm-workspace.yaml
@@ -60,10 +60,6 @@ catalogs:
     "fs-extra": "^11.3.0"
     "commander": "^13.1.0"
 
-  # 日期处理
-  date:
-    "date-fns": "^2.30.0"
-
   # 其余工具
   utils:
     "magic-string": "^0.30.17"