@antsoo-lib/components 0.1.11 → 0.1.12

package/src/date-picker/generatePicker/props.ts

@@ -1,301 +0,0 @@
-import type { CSSProperties } from 'vue'
-
-import type { PickerLocale } from '.'
-import type { FocusEventHandler, MouseEventHandler } from '../../_util/EventInterface'
-import type { InputStatus } from '../../_util/statusUtils'
-import type { VueNode } from '../../_util/type'
-import {
-  arrayType,
-  booleanType,
-  functionType,
-  objectType,
-  someType,
-  stringType,
-} from '../../_util/type'
-import type { SizeType } from '../../config-provider'
-import type { RangeDateRender, RangeInfo, RangeType } from '../../vc-picker/RangePicker'
-import type {
-  CustomFormat,
-  DisabledTime,
-  DisabledTimes,
-  EventValue,
-  PanelMode,
-  PickerMode,
-  PresetDate,
-  RangeValue,
-} from '../../vc-picker/interface'
-import type { DateRender } from '../../vc-picker/panels/DatePanel/DateBody'
-import type { MonthCellRender } from '../../vc-picker/panels/MonthPanel/MonthBody'
-import type { SharedTimeProps } from '../../vc-picker/panels/TimePanel'
-
-const DataPickerPlacements = ['bottomLeft', 'bottomRight', 'topLeft', 'topRight'] as const
-type DataPickerPlacement = (typeof DataPickerPlacements)[number]
-
-type RangeShowTimeObject<DateType> = Omit<SharedTimeProps<DateType>, 'defaultValue'> & {
-  defaultValue?: DateType[]
-}
-
-function commonProps<DateType = any>() {
-  return {
-    id: String,
-    /**
-     * @deprecated `dropdownClassName` is deprecated which will be removed in next major
-     *   version.Please use `popupClassName` instead.
-     */
-    dropdownClassName: String,
-    popupClassName: String,
-    popupStyle: objectType<CSSProperties>(),
-    transitionName: String,
-    placeholder: String,
-    allowClear: booleanType(),
-    autofocus: booleanType(),
-    disabled: booleanType(),
-    tabindex: Number,
-    open: booleanType(),
-    defaultOpen: booleanType(),
-    /** Make input readOnly to avoid popup keyboard in mobile */
-    inputReadOnly: booleanType(),
-    format: someType<string | CustomFormat<DateType> | (string | CustomFormat<DateType>)[]>([
-      String,
-      Function,
-      Array,
-    ]),
-    // Value
-    // format:  string | CustomFormat<DateType> | (string | CustomFormat<DateType>)[];
-    // Render
-    // suffixIcon?: VueNode;
-    // clearIcon?: VueNode;
-    // prevIcon?: VueNode;
-    // nextIcon?: VueNode;
-    // superPrevIcon?: VueNode;
-    // superNextIcon?: VueNode;
-    getPopupContainer: functionType<(node: HTMLElement) => HTMLElement>(),
-    panelRender: functionType<(originPanel: VueNode) => VueNode>(),
-    // // Events
-    onChange: functionType<(value: DateType | string | null, dateString: string) => void>(),
-    'onUpdate:value': functionType<(value: DateType | string | null) => void>(),
-    onOk: functionType<(value: DateType | string | null) => void>(),
-    onOpenChange: functionType<(open: boolean) => void>(),
-    'onUpdate:open': functionType<(open: boolean) => void>(),
-    onFocus: functionType<FocusEventHandler>(),
-    onBlur: functionType<FocusEventHandler>(),
-    onMousedown: functionType<MouseEventHandler>(),
-    onMouseup: functionType<MouseEventHandler>(),
-    onMouseenter: functionType<MouseEventHandler>(),
-    onMouseleave: functionType<MouseEventHandler>(),
-    onClick: functionType<MouseEventHandler>(),
-    onContextmenu: functionType<MouseEventHandler>(),
-    onKeydown: functionType<(event: KeyboardEvent, preventDefault: () => void) => void>(),
-    // WAI-ARIA
-    role: String,
-    name: String,
-    autocomplete: String,
-    direction: stringType<'ltr' | 'rtl'>(),
-    showToday: booleanType(),
-    showTime: someType<boolean | SharedTimeProps<DateType>>([Boolean, Object]),
-    locale: objectType<PickerLocale>(),
-    size: stringType<SizeType>(),
-    bordered: booleanType(),
-    dateRender: functionType<DateRender<DateType>>(),
-    disabledDate: functionType<(date: DateType) => boolean>(),
-    mode: stringType<PanelMode>(),
-    picker: stringType<PickerMode>(),
-    valueFormat: String,
-    placement: stringType<DataPickerPlacement>(),
-    status: stringType<InputStatus>(),
-
-    /** @deprecated Please use `disabledTime` instead. */
-    disabledHours: functionType<DisabledTimes['disabledHours']>(),
-    /** @deprecated Please use `disabledTime` instead. */
-    disabledMinutes: functionType<DisabledTimes['disabledMinutes']>(),
-    /** @deprecated Please use `disabledTime` instead. */
-    disabledSeconds: functionType<DisabledTimes['disabledSeconds']>(),
-  }
-}
-
-export interface CommonProps<DateType> {
-  id?: string
-  prefixCls?: string
-  /**
-   * @deprecated `dropdownClassName` is deprecated which will be removed in next major
-   *   version.Please use `popupClassName` instead.
-   */
-
-  dropdownClassName?: string
-  popupClassName?: string
-  popupStyle?: CSSProperties
-  transitionName?: string
-  placeholder?: string
-  allowClear?: boolean
-  autofocus?: boolean
-  disabled?: boolean
-  tabindex?: number
-  open?: boolean
-  defaultOpen?: boolean
-  inputReadOnly?: boolean
-  format?: string | CustomFormat<DateType> | (string | CustomFormat<DateType>)[]
-  suffixIcon?: VueNode
-  clearIcon?: VueNode
-  prevIcon?: VueNode
-  nextIcon?: VueNode
-  superPrevIcon?: VueNode
-  superNextIcon?: VueNode
-  getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement
-  panelRender?: (originPanel: VueNode) => VueNode
-  onChange?: (value: DateType | string | null, dateString: string) => void
-  'onUpdate:value'?: (value: DateType | string | null) => void
-  onOk?: (value: DateType | string | null) => void
-  onOpenChange?: (open: boolean) => void
-  'onUpdate:open'?: (open: boolean) => void
-  onFocus?: FocusEventHandler
-  onBlur?: FocusEventHandler
-  onMousedown?: MouseEventHandler
-  onMouseup?: MouseEventHandler
-  onMouseenter?: MouseEventHandler
-  onMouseleave?: MouseEventHandler
-  onClick?: MouseEventHandler
-  onContextmenu?: MouseEventHandler
-  onKeydown?: (event: KeyboardEvent, preventDefault: () => void) => void
-  role?: string
-  name?: string
-  autocomplete?: string
-  direction?: 'ltr' | 'rtl'
-  showToday?: boolean
-  showTime?: boolean | SharedTimeProps<DateType>
-  locale?: PickerLocale
-  size?: SizeType
-  bordered?: boolean
-  dateRender?: DateRender<DateType>
-  disabledDate?: (date: DateType) => boolean
-  mode?: PanelMode
-  picker?: PickerMode
-  valueFormat?: string
-  placement?: DataPickerPlacement
-  status?: InputStatus
-}
-
-function datePickerProps<DateType = any>() {
-  return {
-    defaultPickerValue: someType<DateType | string>([Object, String]),
-    defaultValue: someType<DateType | string>([Object, String]),
-    value: someType<DateType | string>([Object, String]),
-    presets: arrayType<PresetDate<DateType>[]>(),
-    disabledTime: functionType<DisabledTime<DateType>>(),
-    renderExtraFooter: functionType<(mode: PanelMode) => VueNode>(),
-    showNow: booleanType(),
-    monthCellRender: functionType<MonthCellRender<DateType>>(),
-    // deprecated  Please use `monthCellRender"` instead.',
-    monthCellContentRender: functionType<MonthCellRender<DateType>>(),
-  }
-}
-
-export interface DatePickerProps<DateType> {
-  defaultPickerValue?: DateType | string
-  defaultValue?: DateType | string
-  value?: DateType | string
-  presets?: PresetDate<DateType>[]
-  disabledTime?: DisabledTime<DateType>
-  renderExtraFooter?: (mode: PanelMode) => VueNode
-  showNow?: boolean
-  monthCellRender?: MonthCellRender<DateType>
-  // deprecated  Please use `monthCellRender"` instead.',
-  monthCellContentRender?: MonthCellRender<DateType>
-}
-
-function rangePickerProps<DateType>() {
-  return {
-    allowEmpty: arrayType<[boolean, boolean]>(),
-    dateRender: functionType<RangeDateRender<DateType>>(),
-    defaultPickerValue: arrayType<RangeValue<DateType> | RangeValue<string>>(),
-    defaultValue: arrayType<RangeValue<DateType> | RangeValue<string>>(),
-    value: arrayType<RangeValue<DateType> | RangeValue<string>>(),
-    presets: arrayType<PresetDate<Array<DateType>>[]>(),
-    disabledTime: functionType<(date: EventValue<DateType>, type: RangeType) => DisabledTimes>(),
-    disabled: someType<boolean | [boolean, boolean]>([Boolean, Array]),
-    renderExtraFooter: functionType<() => VueNode>(),
-    separator: { type: String },
-    showTime: someType<boolean | RangeShowTimeObject<DateType>>([Boolean, Object]),
-    ranges:
-      objectType<
-        Record<
-          string,
-          Exclude<RangeValue<DateType>, null> | (() => Exclude<RangeValue<DateType>, null>)
-        >
-      >(),
-    placeholder: arrayType<string[]>(),
-    mode: arrayType<[PanelMode, PanelMode]>(),
-    onChange:
-      functionType<
-        (
-          value: RangeValue<DateType> | RangeValue<string> | null,
-          dateString: [string, string],
-        ) => void
-      >(),
-    'onUpdate:value':
-      functionType<(value: RangeValue<DateType> | RangeValue<string> | null) => void>(),
-    onCalendarChange:
-      functionType<
-        (
-          values: RangeValue<DateType> | RangeValue<string>,
-          formatString: [string, string],
-          info: RangeInfo,
-        ) => void
-      >(),
-    onPanelChange:
-      functionType<
-        (values: RangeValue<DateType> | RangeValue<string>, modes: [PanelMode, PanelMode]) => void
-      >(),
-    onOk: functionType<(dates: RangeValue<DateType> | RangeValue<string>) => void>(),
-  }
-}
-
-export interface RangePickerProps<DateType> {
-  allowEmpty?: [boolean, boolean]
-  dateRender?: RangeDateRender<DateType>
-  defaultPickerValue?: RangeValue<DateType> | RangeValue<string>
-  defaultValue?: RangeValue<DateType> | RangeValue<string>
-  value?: RangeValue<DateType> | RangeValue<string>
-  presets?: PresetDate<RangeValue<DateType>>[]
-  disabledTime?: (date: EventValue<DateType>, type: RangeType) => DisabledTimes
-  disabled?: [boolean, boolean]
-  renderExtraFooter?: () => VueNode
-  separator?: string
-  showTime?: boolean | RangeShowTimeObject<DateType>
-  ranges?: Record<
-    string,
-    Exclude<RangeValue<DateType>, null> | (() => Exclude<RangeValue<DateType>, null>)
-  >
-  placeholder?: [string, string]
-  mode?: [PanelMode, PanelMode]
-  onChange?: (
-    value: RangeValue<DateType> | RangeValue<string> | null,
-    dateString: [string, string],
-  ) => void
-  'onUpdate:value'?: (value: RangeValue<DateType> | RangeValue<string> | null) => void
-  onCalendarChange?: (
-    values: RangeValue<DateType> | RangeValue<string>,
-    formatString: [string, string],
-    info: RangeInfo,
-  ) => void
-  onPanelChange?: (
-    values: RangeValue<DateType> | RangeValue<string>,
-    modes: [PanelMode, PanelMode],
-  ) => void
-  onOk?: (dates: RangeValue<DateType> | RangeValue<string>) => void
-}
-
-export interface ExtraDatePickerProps<DateType> {
-  valueFormat?: string
-  defaultPickerValue?: DateType | string
-  defaultValue?: DateType | string
-  value?: DateType | string
-}
-
-export interface ExtraRangePickerProps<DateType> {
-  valueFormat?: string
-  defaultPickerValue?: RangeValue<DateType> | RangeValue<string>
-  defaultValue?: RangeValue<DateType> | RangeValue<string>
-  value?: RangeValue<DateType> | RangeValue<string>
-}
-
-export { commonProps, datePickerProps, rangePickerProps }

package/src/date-picker/index.en-US.md

@@ -1,232 +0,0 @@
----
-category: Components
-type: Data Entry
-title: DatePicker
-cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*xXA9TJ8BTioAAAAAAAAAAAAADrJ8AQ/original
-coverDark: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*3OpRQKcygo8AAAAAAAAAAAAADrJ8AQ/original
----
-
-To select or input a date.
-
-## When To Use
-
-By clicking the input box, you can select a date from a popup calendar.
-
-## API
-
-There are five kinds of picker:
-
-- DatePicker
-- DatePicker\[picker="month"]
-- DatePicker\[picker="week"]
-- DatePicker\[picker="year"]
-- DatePicker\[picker="quarter"]
-- RangePicker
-
-### Localization
-
-The default locale is en-US, if you need to use other languages, recommend to use internationalized components provided by us at the entrance. Look at: [ConfigProvider](/components/config-provider/).
-
-If there are special needs (only modifying single component language), Please use the property: local. Example: [default](https://github.com/vueComponent/ant-design-vue/blob/main/components/date-picker/locale/example.json).
-
-```html
-<template>
-  <a-date-picker v-model:value="value" :locale="locale" />
-</template>
-<script>
-  import locale from 'ant-design-vue/es/date-picker/locale/zh_CN'
-
-  import { defineComponent } from 'vue'
-
-  export default defineComponent({
-    setup() {
-      return {
-        locale,
-        value: null,
-      }
-    },
-  })
-</script>
-```
-
-```html
-<template>
-  <a-config-provider :locale="locale">
-    <a-date-picker v-model:value="value" />
-  </a-config-provider>
-</template>
-<script>
-  // The default locale is en-US, if you want to use other locale, just set locale in entry file globally.
-  import dayjs from 'dayjs';
-  import 'dayjs/locale/zh-cn';
-  import locale from 'ant-design-vue/es/date-picker/locale/zh_CN';
-  import { defineComponent } from 'vue';
-  dayjs.locale('zh-cn');
-  export default defineComponent({
-    setup() {
-      return {
-        value: dayjs('2015-01-01', 'YYYY-MM-DD')
-        dayjs,
-        locale
-      };
-    },
-  });
-</script>
-```
-
-### Common API
-
-The following APIs are shared by DatePicker, RangePicker.
-
-| Property          | Description                                                                                                                                                                                                                    | Type                                                              | Default                                                                                                        | Version   |
-| ----------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ----------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------- | --------- |
-| allowClear        | Whether to show clear button                                                                                                                                                                                                   | boolean                                                           | true                                                                                                           |           |
-| autofocus         | If get focus when component mounted                                                                                                                                                                                            | boolean                                                           | false                                                                                                          |           |
-| bordered          | Whether has border style                                                                                                                                                                                                       | boolean                                                           | true                                                                                                           |           |
-| dateRender        | Custom rendering function for date cells                                                                                                                                                                                       | v-slot:dateRender="{current, today}"                              | -                                                                                                              |           |
-| disabled          | Determine whether the DatePicker is disabled                                                                                                                                                                                   | boolean                                                           | false                                                                                                          |           |
-| disabledDate      | Specify the date that cannot be selected                                                                                                                                                                                       | (currentDate: dayjs) => boolean                                   | -                                                                                                              |           |
-| format            | To set the date format, refer to [dayjs](https://day.js.org/). When an array is provided, all values are used for parsing and first value is used for formatting, support [Custom Format](#components-date-picker-demo-format) | [formatType](#formattype)                                         | `YYYY-MM-DD`                                                                                                   |           |
-| popupClassName    | To customize the className of the popup calendar                                                                                                                                                                               | string                                                            | -                                                                                                              |           |
-| getPopupContainer | To set the container of the floating layer, while the default is to create a `div` element in `body`                                                                                                                           | function(trigger)                                                 | -                                                                                                              |           |
-| inputReadOnly     | Set the `readonly` attribute of the input tag (avoids virtual keyboard on touch devices)                                                                                                                                       | boolean                                                           | false                                                                                                          |           |
-| locale            | Localization configuration                                                                                                                                                                                                     | object                                                            | [default](https://github.com/vueComponent/ant-design-vue/blob/main/components/date-picker/locale/example.json) |           |
-| mode              | The picker panel mode                                                                                                                                                                                                          | `time` \| `date` \| `month` \| `year` \| `decade`                 | -                                                                                                              |           |
-| nextIcon          | The custom next icon                                                                                                                                                                                                           | slot                                                              | -                                                                                                              | 3.0       |
-| open              | The open state of picker                                                                                                                                                                                                       | boolean                                                           | -                                                                                                              |           |
-| picker            | Set picker type                                                                                                                                                                                                                | `date` \| `week` \| `month` \| `quarter` \| `year`                | `date`                                                                                                         | `quarter` |
-| placeholder       | The placeholder of date input                                                                                                                                                                                                  | string \| \[string,string]                                        | -                                                                                                              |           |
-| placement         | The position where the selection box pops up                                                                                                                                                                                   | `bottomLeft` `bottomRight` `topLeft` `topRight`                   | bottomLeft                                                                                                     | 3.3.0     |
-| popupStyle        | To customize the style of the popup calendar                                                                                                                                                                                   | CSSProperties                                                     | {}                                                                                                             |           |
-| presets           | The preset ranges for quick selection                                                                                                                                                                                          | { label: slot, value: [dayjs](https://day.js.org/) }[]            | -                                                                                                              | 4.0       |
-| prevIcon          | The custom prev icon                                                                                                                                                                                                           | slot                                                              | -                                                                                                              | 3.0       |
-| size              | To determine the size of the input box, the height of `large` and `small`, are 40px and 24px respectively, while default size is 32px                                                                                          | `large` \| `middle` \| `small`                                    | -                                                                                                              |           |
-| status            | Set validation status                                                                                                                                                                                                          | 'error' \| 'warning'                                              | -                                                                                                              | 3.3.0     |
-| suffixIcon        | The custom suffix icon                                                                                                                                                                                                         | v-slot:suffixIcon                                                 | -                                                                                                              |           |
-| superNextIcon     | The custom super next icon                                                                                                                                                                                                     | slot                                                              | -                                                                                                              | 3.0       |
-| superPrevIcon     | The custom super prev icon                                                                                                                                                                                                     | slot                                                              | -                                                                                                              | 3.0       |
-| valueFormat       | optional, format of binding value. If not specified, the binding value will be a Date object                                                                                                                                   | string, [date formats](https://day.js.org/docs/en/display/format) | -                                                                                                              |           |
-
-### Common Events
-
-| Events Name | Description                                                                            | Arguments             | Version |
-| ----------- | -------------------------------------------------------------------------------------- | --------------------- | ------- |
-| openChange  | a callback function, can be executed whether the popup calendar is popped up or closed | function(status)      |         |
-| panelChange | callback when picker panel mode is changed                                             | function(value, mode) |         |
-
-### Common Methods
-
-| Name    | Description  | Version |
-| ------- | ------------ | ------- |
-| blur()  | remove focus |         |
-| focus() | get focus    |         |
-
-### DatePicker
-
-| Property              | Description                                                                              | Type                            | Default                                            | Version |
-| --------------------- | ---------------------------------------------------------------------------------------- | ------------------------------- | -------------------------------------------------- | ------- |
-| defaultPickerValue    | To set default picker date                                                               | [dayjs](https://day.js.org/)    | -                                                  |         |
-| disabledTime          | To specify the time that cannot be selected                                              | function(date)                  | -                                                  |         |
-| format                | To set the date format, refer to [dayjs](https://day.js.org/)                            | [formatType](#formattype)       | `YYYY-MM-DD`                                       |         |
-| renderExtraFooter     | Render extra footer in panel                                                             | v-slot:renderExtraFooter="mode" | -                                                  |         |
-| showNow               | Whether to show 'Now' button on panel when `showTime` is set                             | boolean                         | -                                                  |         |
-| showTime              | To provide an additional time selection                                                  | object \| boolean               | [TimePicker Options](/components/time-picker/#api) |         |
-| showTime.defaultValue | To set default time of selected date, [demo](#components-date-picker-demo-disabled-date) | [dayjs](https://day.js.org/)    | dayjs()                                            |         |
-| showToday             | Whether to show `Today` button                                                           | boolean                         | true                                               |         |
-| value(v-model)        | To set date                                                                              | [dayjs](https://day.js.org/)    | -                                                  |         |
-
-### DatePicker Events
-
-| Events Name | Description                                                             | Arguments                                           | Version |
-| ----------- | ----------------------------------------------------------------------- | --------------------------------------------------- | ------- |
-| change      | a callback function, can be executed when the selected time is changing | function(date: dayjs \| string, dateString: string) |         |
-| ok          | callback when click ok button                                           | function(date: dayjs \| string)                     |         |
-
-### DatePicker\[picker=year]
-
-| Property | Description                                                   | Type                      | Default | Version |
-| -------- | ------------------------------------------------------------- | ------------------------- | ------- | ------- |
-| format   | To set the date format, refer to [dayjs](https://day.js.org/) | [formatType](#formattype) | `YYYY`  |         |
-
-### DatePicker\[picker=quarter]
-
-| Property | Description                                                   | Type                      | Default    | Version |
-| -------- | ------------------------------------------------------------- | ------------------------- | ---------- | ------- |
-| format   | To set the date format, refer to [dayjs](https://day.js.org/) | [formatType](#formattype) | `YYYY-\QQ` |         |
-
-### DatePicker\[picker=month]
-
-| Property        | Description                                                   | Type                                       | Default   | Version |
-| --------------- | ------------------------------------------------------------- | ------------------------------------------ | --------- | ------- |
-| format          | To set the date format, refer to [dayjs](https://day.js.org/) | [formatType](#formattype)                  | `YYYY-MM` |         |
-| monthCellRender | Custom month cell content render method                       | v-slot:monthCellRender="{current, locale}" | -         |         |
-
-### DatePicker\[picker=week]
-
-| Property | Description                                                   | Type                      | Default   | Version |
-| -------- | ------------------------------------------------------------- | ------------------------- | --------- | ------- |
-| format   | To set the date format, refer to [dayjs](https://day.js.org/) | [formatType](#formattype) | `YYYY-wo` |         |
-
-### RangePicker
-
-| Property              | Description                                                                              | Type                                                                                                                 | Default                                            | Version |
-| --------------------- | ---------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------- | ------- |
-| allowEmpty            | Allow start or end input leave empty                                                     | \[boolean, boolean]                                                                                                  | \[false, false]                                    |         |
-| dateRender            | Customize date cell.                                                                     | v-slot:dateRender="{current: dayjs, today: dayjs, info: { range: `start` \| `end` }}"                                | -                                                  |         |
-| defaultPickerValue    | To set default picker date                                                               | \[[dayjs](https://day.js.org/), [dayjs](https://day.js.org/)]                                                        | -                                                  |         |
-| disabled              | If disable start or end                                                                  | \[boolean, boolean]                                                                                                  | -                                                  |         |
-| disabledTime          | To specify the time that cannot be selected                                              | function(date: dayjs, partial: `start` \| `end`)                                                                     | -                                                  |         |
-| format                | To set the date format, refer to [dayjs](https://day.js.org/)                            | [formatType](#formattype)                                                                                            | `YYYY-MM-DD HH:mm:ss`                              |         |
-| presets               | The preset ranges for quick selection                                                    | { label: slot, value: [dayjs](https://day.js.org/)\[] }[]                                                            | -                                                  | 4.0     |
-| ranges                | The preseted ranges for quick selection                                                  | { \[range: string]: [dayjs](https://day.js.org/)\[] } \| { \[range: string]: () => [dayjs](https://day.js.org/)\[] } | -                                                  |         |
-| renderExtraFooter     | Render extra footer in panel                                                             | v-slot:renderExtraFooter="mode"                                                                                      | -                                                  |         |
-| separator             | Set separator between inputs                                                             | string \| v-slot:separator                                                                                           | `<SwapRightOutlined />`                            |         |
-| showTime              | To provide an additional time selection                                                  | object \| boolean                                                                                                    | [TimePicker Options](/components/time-picker/#api) |         |
-| showTime.defaultValue | To set default time of selected date, [demo](#components-date-picker-demo-disabled-date) | [dayjs](https://day.js.org/)\[]                                                                                      | \[dayjs(), dayjs()]                                |         |
-| value(v-model)        | To set date                                                                              | \[[dayjs](https://day.js.org/), [dayjs](https://day.js.org/)]                                                        | -                                                  |         |
-
-### RangePicker Events
-
-| Events Name    | Description                                                                                      | Arguments                                                                                        | Version |     |
-| -------------- | ------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------ | ------- | --- |
-| calendarChange | Callback function, can be executed when the start time or the end time of the range is changing. | function(dates: \[dayjs, dayjs], dateStrings: \[string, string], info: { range:`start`\|`end` }) | -       |     |
-| change         | a callback function, can be executed when the selected time is changing                          | function(dates: \[dayjs, dayjs] \| \[string, string], dateStrings: \[string, string])            |         |     |
-| ok             | callback when click ok button                                                                    | function(dates: \[dayjs, dayjs] \| \[string, string])                                            |         |     |
-
-#### formatType
-
-```typescript
-import type { Dayjs } from 'dayjs'
-
-type Generic = string
-type GenericFn = (value: Dayjs) => string
-
-export type FormatType = Generic | GenericFn | Array<Generic | GenericFn>
-```
-
-## FAQ
-
-### How to use DatePicker with customize date library（like moment.js \| dayjs \| date-fns）？
-
-Please refer [replace date](/docs/vue/replace-date)
-
-### Why config dayjs.locale globally not work?
-
-DatePicker default set `locale` as `en` in v4. You can config DatePicker `locale` prop or [ConfigProvider `locale`](/components/config-provider) prop instead.
-
-### How to modify start day of week?
-
-Please use correct [language](/docs/vue/i18n) ([#5605](https://github.com/ant-design/ant-design/issues/5605)), or update dayjs `locale` config:
-
-- Example: <https://codesandbox.io/s/dayjs-day-of-week-x9tuj2?file=/demo.tsx>
-
-```js
-import dayjs from 'dayjs'
-import 'dayjs/locale/zh-cn'
-import updateLocale from 'dayjs/plugin/updateLocale'
-
-dayjs.extend(updateLocale)
-dayjs.updateLocale('zh-cn', {
-  weekStart: 0,
-})
-```

package/src/date-picker/index.tsx

@@ -1,5 +0,0 @@
-import DatePicker from './dayjs'
-
-export * from './dayjs'
-
-export default DatePicker