@tootsieroll/react-datetime-picker NPM

react-datetime-picker

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

Демо

Установка

npm i @tootsieroll/react-datetime-picker

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

import DateTimePicker from '@tootsieroll/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
className	string	класс для главного контейнера
onChange	function	вызывается при выборе даты, возвращает выбранную дату в миллисекундах	`(val) => console.log(val)`
onOpen	function	вызывается при открытии списка даты/времени
onClose	function	вызывается при закрытии списка даты/времени