@d_lepahin/react-datetime-picker NPM

react-datetime-picker

Простой компонент для выбора даты и времени. Цветовая схема настраивается CSS-переменными. Дата выбирается скролом, перетягиванием или по клику.

Демо

Установка

npm i @d_lepahin/react-datetime-picker

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

import DateTimePicker from '@d_lepahin/react-datetime-picker';

..........

<DateTimePicker

    pickerType={'datetime'}

    onChange={(value: any) => console.log(value)}

/>

..........

Параметры

название	тип	описание	по умолчанию
pickerType	string	тип компонента, значения: "datetime", "date", "time"	"datetime"
startYear	number	год, с которого начинается отсчет, "current" - для начала отсчета с текущего года, или же задается числом, если не задать этот параметр, то отсчет начнется от текущего года минус 10 лет	минус 10 лет
endYear	number	год, до которого можно выбрать дату, "current" - для текущего года, или же задается числом, если не задать этот параметр, то последняя возможная дата для выбора - через 10 лет	плюс 10 лет
value	number	выбранная дата, задается в миллисекундах	выбирается текущий момент времени
placeholder	string	текст для заголовка	"Выберите дату и время", "Выберите дату", "Выберите время" - в соответствии с pickerType
dataQa	string	Добавление якорей для тестирования компонентов
className	string	класс для главного контейнера
onChange	function	вызывается при выборе даты, возвращает выбранную дату в миллисекундах	`(val) => console.log(val)`
onOpen	function	вызывается при открытии списка даты/времени
onClose	function	вызывается при закрытии списка даты/времени
localTimeZone	boolean	Меняется время отображения в UTC или LocalTimeZone. Начальное значение false
showResetButton	boolean	Отображение кнопки сбросить