adui/es/date-picker/RangePicker.d.ts

<div> <img src="https://wxa.wxs.qq.com/mpweb/delivery/legacy/wxadtouch/upload/t1/od834zef_52939fc6.png" style="margin:40px 0 0 -8px; background-color: #fcfcfc; box-shadow: none;" /> </div>

import React from "react";
import "./style";
import { Placement } from "../pop-trigger";
import { IPopoverProps } from "../popover";
export interface IRangePickerProps {
    [key: string]: any;
    /**
     * 是否支持清除
     */
    allowClear?: boolean;
    /**
     * 附加类名
     */
    className?: string;
    /**
     * 是否在选择后，消失 Popover
     */
    closeOnSelect?: boolean;
    /**
     * 内部驱动：默认日期范围
     */
    defaultValue?: [Date | null | undefined, Date | null | undefined] | null;
    /**
     * 内部驱动：默认是否显示下拉
     */
    defaultVisible?: boolean | null;
    /**
     * 是否禁用
     */
    disabled?: boolean;
    /**
     * 禁止选择的天，day => bool；每一天是的时间为 12:00:00，这一个是由 day-picker-react 决定的；
     * 比较日期的时候小心这一点。
     */
    disabledDays?: (date: Date) => boolean | void;
    /**
     * 自定义下拉框内容
     */
    dropdownRender?: (element: JSX.Element) => React.ReactNode;
    /**
     * 20220407: 默认的日期时间为 12 点，可以使用此 Prop 修改小时
     */
    hour?: number;
    /**
     * 设置输入框类型
     */
    intent?: "normal" | "primary" | "success" | "warning" | "danger";
    /**
     * 最大限制日期
     */
    maxDate?: Date;
    /**
     * 最小限制日期
     */
    minDate?: Date;
    /**
     * 日期改变时的 handler
     */
    onChange?: (date: [Date | null | undefined, Date | null | undefined]) => void;
    /**
     * 第二次点击了日期时的 handler，即结束选择
     */
    onEndDaySelect?: (date: Date) => void;
    /**
     * 第一次点击了日期时的 handler，即开始选择（可以在此时设置 maxDate minDate，实现控制日期选择范围的功能）
     */
    onStartDaySelect?: (date: Date) => void;
    /**
     * 显示状态发生变化时的handler
     */
    onVisibleChange?: (visible: boolean) => void;
    /**
     * 占位字符
     */
    placeholder?: string;
    /**
     * 弹出层位置
     */
    placement?: Placement;
    /**
     * 传入 Popover 的 props
     */
    popoverProps?: IPopoverProps;
    /**
     * 自定义如何渲染每个日期
     */
    renderDay?: (day: Date) => React.ReactNode;
    /**
     * 快捷选择项，格式：
     * [{
     * label: "祖国母亲生日", value: [new Date("2022-10-01"), new Date("2022-10-07")]
     * }]
     */
    shortcuts?: {
        /**
         * 该项的文字
         */
        label: React.ReactNode;
        /**
         * 该项的日期
         */
        value: [Date | null | undefined, Date | null | undefined];
    }[];
    /**
     * 设置尺寸
     */
    size?: "mini" | "small" | "medium" | "large";
    /**
     * 设置主题
     */
    theme?: null | "light";
    /**
     * 自定义触发下拉的元素
     */
    triggerElement?: JSX.Element;
    /**
     * 外部控制：当前日期范围
     */
    value?: [Date | null | undefined, Date | null | undefined] | null;
    /**
     * 外部控制：是否显示下拉选择
     */
    visible?: boolean | null;
}
/**
 * 日期选择器用于了解当前已选日期，选择或输入需要的日期、日期范围等。
 */
declare const RangePicker: React.ForwardRefExoticComponent<IRangePickerProps & React.RefAttributes<any>>;
export default RangePicker;