@n3/react-date-picker v3.2.3

@n3/react-date-picker

Поле для выбора даты (интервала дат)

Установка

# Рекомендуется использовать yarn, так как добавлен yarn.lock
yarn add @n3/react-date-picker

или

npm install @n3/react-date-picker

Использование

Подключить стили:

import '@n3/react-date-picker/dist/n3-date-picker.css'

Использовать компонент

import React, { useState } from 'react';
import DatePicker from '@n3/react-date-picker';

const DatePickerWrapper = (props) => {
  const [value, setValue] = useState(null);

  return (
    <DatePicker
      {...props}
      value={value}
      onChange={setValue}
    />
  );
};

export default DatePickerWrapper;

Свойства

Замечания

Функция displayFormat

Функция displayFormat преобразует значение Date (value/from/to) в строковое представление. По умолчанию содержить реализацию для русской (ru) и английской локали (en).

 для русской локали преобразет в формат 05.04.2019
 для английской локали преобразет в формат 05/04/2019

Функция parseDate

функция parseDate преобразует свойства value/from/to, значения текстового поля в объект Date. Если значение не может быть преобразовано в объект Date, возвращает null. По умолчанию содержить реализацию для русской (ru) и английской локали (en).

для русской локали принимает строковые значения

5.4
5.04
05.4
05.04
5 апр
5 Апреля
5.4.19
5.04.19
5 апр 19
5 Апреля 19
5.4.2019
5.04.2019
5 апр 2019
5 Апреля 2019

для английской локали принимает строковые значения

5/4
5/04
05/4
05/04
5-4
5-04
05-4
05-04
5 apr
5 April
5/4/2019
5/04/2019
5-4-2019
5-04-2019
5 apr 2019
5 April 2019
5/4/2019
5/04/2019
5-4-2019
5-04-2019
5 apr 2019
5 April 2019