@web-lite/scroll-picker

Scroll Picker

The scroll picker package is a React picker component written in typescript. It's provide date/time picker components and also has a common component for other logics.

Installation

yarn

yarn add @web-lite/scroll-picker

npm

npm i @web-lite/scroll-picker

scroll picker exports two react component: TimePicker DatePicker and also a common component named Picker

DatePicker has year-month-day format for picking date and TimePicker has day-hour-minute format. if you prefer other format or another logic you can use Picker component and write your own logic for it.

Localization

It's fully support i18n using i18next package. Also supports Jalali Calendar with the help of PersianDate package. Other calendars and languages using DayJS package.

Usage

import { TimePicker } from '@web-lite/scroll-picker'

export function Picker() {
  return <TimePicker />
}

Props

Prop	Description	Type
start	Start date of picker range	Date
end	End date of picker range	Date
selected	Selected date of picker range	Date
onChange	Handle selected date change	(selectedDate: Date) => unknown
locale	String that localization	string