feat: add label prop API for date pickers and range input

src/date-picker/DatePicker.tsx

@@ -291,6 +291,7 @@ export default defineComponent({
           disabled={isDisabled}
           value={inputValue}
           inputValue={inputValue}
+          label={this.label}
           status={this.status}
           tips={this.tips}
           popupProps={datePickerPopupProps}

src/date-picker/DateRangePicker.tsx

@@ -451,6 +451,7 @@ export default defineComponent({
       <div class={COMPONENT_NAME}>
         <TRangeInputPopup
           disabled={this.isDisabled}
+          label={this.label}
           status={this.status}
           tips={this.tips || this.$scopedSlots.tips}
           inputValue={inputValue as string[]}

src/date-picker/date-picker.md

@@ -14,6 +14,7 @@ enableTimePicker | Boolean | false | 是否显示时间选择 | N
 firstDayOfWeek | Number | 7 | 第一天从星期几开始。可选项：1/2/3/4/5/6/7 | N
 format | String | 'YYYY-MM-DD' | 仅用于格式化日期显示的格式，不影响日期值。注意和 `valueType` 的区别，`valueType`会直接决定日期值 `value` 的格式。全局配置默认为：'YYYY-MM-DD'，[详细文档](https://day.js.org/docs/en/display/format) | N
 inputProps | Object | - | 透传给输入框（Input）组件的参数。TS 类型：`InputProps`，[Input API Documents](./input?tab=api)。[详细类型定义](https://github.com/Tencent/tdesign-vue/tree/develop/src/date-picker/type.ts) | N
+label | String / Slot / Function | - | 左侧文本。TS 类型：`string \| TNode`。[通用类型定义](https://github.com/Tencent/tdesign-vue/blob/develop/src/common.ts) | N
 mode | String | date | 选择器模式。可选项：year/quarter/month/week/date | N
 placeholder | String / Array | undefined | 占位符。TS 类型：`string` | N
 popupProps | Object | - | 透传给 popup 组件的参数。TS 类型：`PopupProps`，[Popup API Documents](./popup?tab=api)。[详细类型定义](https://github.com/Tencent/tdesign-vue/tree/develop/src/date-picker/type.ts) | N
@@ -58,6 +59,7 @@ disabled | Boolean | - | 是否禁用组件 | N
 enableTimePicker | Boolean | false | 是否显示时间选择 | N
 firstDayOfWeek | Number | - | 第一天从星期几开始。可选项：1/2/3/4/5/6/7 | N
 format | String | - | 用于格式化日期，[详细文档](https://day.js.org/docs/en/display/format) | N
+label | String / Slot / Function | - | 左侧文本。TS 类型：`string \| TNode`。[通用类型定义](https://github.com/Tencent/tdesign-vue/blob/develop/src/common.ts) | N
 mode | String | date | 选择器模式。可选项：year/quarter/month/week/date | N
 panelPreselection | Boolean | true | 在开始日期选中之前，面板是否显示预选状态，即是否高亮预选日期 | N
 placeholder | String / Array | - | 占位符，值为数组表示可分别为开始日期和结束日期设置占位符。TS 类型：`string \| Array<string>` | N

src/date-picker/date-range-picker-props.ts

@@ -38,6 +38,10 @@ export default {
     type: String,
     default: '',
   },
+  /** 左侧文本 */
+  label: {
+    type: [String, Function] as PropType<TdDateRangePickerProps['label']>,
+  },
   /** 选择器模式 */
   mode: {
     type: String as PropType<TdDateRangePickerProps['mode']>,

src/date-picker/props.ts

@@ -42,6 +42,10 @@ export default {
   inputProps: {
     type: Object as PropType<TdDatePickerProps['inputProps']>,
   },
+  /** 左侧文本 */
+  label: {
+    type: [String, Function] as PropType<TdDatePickerProps['label']>,
+  },
   /** 选择器模式 */
   mode: {
     type: String as PropType<TdDatePickerProps['mode']>,

src/date-picker/type.ts

@@ -52,6 +52,10 @@ export interface TdDatePickerProps {
    * 透传给输入框（Input）组件的参数
    */
   inputProps?: InputProps;
+  /**
+   * 左侧内容
+   */
+  label?: string | TNode;
   /**
    * 选择器模式
    * @default date
@@ -179,6 +183,10 @@ export interface TdDateRangePickerProps {
    * @default ''
    */
   format?: string;
+  /**
+   * 左侧文本
+   */
+  label?: string | TNode;
   /**
    * 选择器模式
    * @default date

src/range-input/range-input-popup-props.ts

@@ -37,6 +37,10 @@ export default {
   },
   /** 只读状态，值为真会隐藏输入框，且无法打开下拉框 */
   readonly: Boolean,
+  /** 左侧文本 */
+  label: {
+    type: [String, Function] as PropType<TdRangeInputPopupProps['label']>,
+  },
   /** 输入框状态 */
   status: {
     type: String as PropType<TdRangeInputPopupProps['status']>,

src/range-input/range-input-popup.tsx

@@ -58,6 +58,7 @@ export default defineComponent({
                 value: this.inputValue,
                 onChange: this.onInputChange,
                 disabled: this.disabled,
+                label: this.label,
                 status: this.status,
                 tips: this.tips,
                 ...(this.rangeInputProps as Object),

src/range-input/type.ts

@@ -162,6 +162,10 @@ export interface TdRangeInputPopupProps {
    * 输入框的值
    */
   inputValue?: RangeInputValue;
+  /**
+   * 左侧文本
+   */
+  label?: string | TNode;
   /**
    * 输入框的值，非受控属性
    */