@digitalc/date-picker

Quick Ranges Picker component

Installation

npm install @digitalc/date-picker

Usage

import QuickRangesPicker from '@digitalc/date-picker';
import enUS from 'antd/lib/date-picker/locale/en_US';

component used like this

  const handlerDatePickerChange = ({ value, selectionType }) => {
    console.log(value, selectionType);
  };

      <QuickRangesPicker
        // 默认国际化配置en_US
        locale={{
          ...enUS,
          lang: {
            ...enUS.lang,
            // 日期框展示格式
            dateFormat: 'Do MMM YY',
            // 下拉日期内容展示格式
            yearFormat: 'YY', // 年份格式
            monthFormat: 'MMM', // 月份格式
          },
        }}
        // 样式
        className={className}
        // 关闭函数
        close={handleClose}
        // 是否打开
        isOpen={isOpen}
        // 是否支持清除
        allowClear
        // 范围选择日期框，快捷选择属性值，不填默认今天
        selectionType={selectionType}
        // value为数组是范围选择日期框，单个字符串是年月日选择框
        value={value}
        // 日期改变函数
        onChange={onChange}
      />